Twitter bootstrap 引导模式jquery插件-登录
我试图使用插件的登录形式，其中电子邮件和密码是两个字段。虽然我有根据数据库中存储的数据验证电子邮件和密码的代码，但只要单击submit按钮，modal就会关闭而不进行验证。在输入有效的电子邮件和密码或单击“取消”按钮之前，我不想退出模式。标记如下：Twitter bootstrap 引导模式jquery插件-登录,twitter-bootstrap,modal-dialog,Twitter Bootstrap,Modal Dialog,我试图使用插件的登录形式，其中电子邮件和密码是两个字段。虽然我有根据数据库中存储的数据验证电子邮件和密码的代码，但只要单击submit按钮，modal就会关闭而不进行验证。在输入有效的电子邮件和密码或单击“取消”按钮之前，我不想退出模式。标记如下： <!Doctype = html> <head> meta data entered </head> <body> <div class="modal-content"> <div
<!Doctype = html>
<head>
meta data entered
</head>
<body>
<div class="modal-content">
<div class="modal-header">
<h1>Sign In</h1>
</div>
<div class="modal-content">
<form>
<input name="email" type="email">
<input name="password" type="password">
<button type="submit">Submit</button>
</form>
</div>
<div class="modal-footer">
</div>
</div>
输入的元数据
登录
提交
谢谢实现这一点的一种方法是“捕获点击事件”，阻止默认操作并从中执行
<script>
$('button[type="submit"]').click(function(event){
event.preventDefault();
$.ajax({
success: function(data, status, xhr) {
$('#modal-div').modal('close');
},
url: ...,
type: ...,
})
})
$（'button[type=“submit”]”）。单击（函数（事件）{
event.preventDefault（）；
$.ajax({
成功：功能（数据、状态、xhr）{
$（'#model div'）。model（'close'）；
},
网址：。。。，
类型：。。。，
})
})
您需要向PHP脚本发出AJAX请求，以验证来自MySQL或其他任何内容的凭据。如果登录顺利，该脚本应该返回HTTP头200，否则返回401。这个HTTP请求还应该返回一个带有“OK”或类似内容的正文（而不是
研究你在我的回答中不理解的东西。阅读以下主题的介绍材料。当您对这些概念有了充分的理解后，用您编写的代码更新您的问题。解释您认为代码应该工作的原因，并概述您认为代码不工作的原因。这样，您将在此网站上获得帮助
- HTTP状态代码
- PHP HTTP头
- PHP HTTP响应
- 为什么javascript是异步的
- 成功回调
- jqueryajax请求