引导模态jquery插件 - 登录

我想使用插件的登录表单，其中电子邮件和密码是两个字段。虽然我有用于验证电子邮件和密码的数据库中存储的数据，但只要点击提交按钮，模式将在没有验证的情况下关闭。我不想退出模式，直到输入有效的电子邮件和密码或点击取消按钮。标记如下：引导模态jquery插件 - 登录

<!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>

有人可以帮忙吗？谢谢

来源

2014-03-04 tomamal

提供编码部分也 – TechGuy

代码验证在哪里？ – Ashish

解决这个问题的一种方法是“捕获点击事件”，阻止默认操作并从那里取出。

<script> 

$('button[type="submit"]').click(function(event){ 

    event.preventDefault(); 

    $.ajax({ 
     success: function(data, status, xhr) { 

      $('#modal-div').modal('close'); 

     }, 
     url: ..., 
     type: ..., 

    }) 
})

你需要做一个AJAX请求到验证从MySQL或任何凭据的PHP脚本。如果登录顺利，该脚本应该返回一个HTTP头200，否则返回401。这个HTTP请求还应该返回一个正文（不是<body>）与“OK”或类似的内容，这样很容易检查AJAX请求的成功处理程序中的一切正常。成功处理程序（回调）也是关闭模式的适当位置。

研究你无法理解的答案。阅读以下主题的介绍性材料。当你对这些概念有足够的理解时，用你编写的代码更新你的问题。解释为什么你认为代码应该工作，并概述你为什么认为它不起作用的想法。这样，你会在这个网站上得到帮助。

HTTP状态代码
PHP HTTP头
PHP HTTP响应
为什么是JavaScript的异步
成功回调
jQuery的AJAX请求

来源

2014-03-04 04:16:38

验证使用php mysql的代码。用户输入的密码和电子邮件被检查，如果存在数据库。如果存在。添加到会话中显示“无效的电子邮件/密码”消息。我迷失了如何结合这个功能而不关闭模式。我只是一个初学者，所以如果有人能帮助我，我会很高兴 – tomamal

感谢您的回复。您的回复确实让我开始寻找知识。谢谢 – tomamal

不客气，我很高兴听到您正在努力学习:) –

引导模态jquery插件 - 登录

回答

相关问题