登录验证&错误问题/疑虑

时间:2014-02-21 02:34:54

标签: php forms validation twitter-bootstrap login

好的,基本上我一直想知道如何使用即时验证开发登录表单&错误..(让我解释..)

好的,基本上我可以轻松构建一个登录表单,但我从未学过如何使用表单验证,也没有错误..

所以基本上让我们看一下简单的登录表单:http://blusttt.tk/login/

但是你可以看到从尝试登录(只是使用任何随机组合),它会导致一个带有丑陋错误信息的新页面。我想要出现一条错误信息(最好是通过淡入和没有页面重新加载像专业网站一样)

我要学习任何东西......不要找人为我做这件事(如果你能做得那么好,但我学得很快)。只是找不到任何好的教程,我很丢失&我总体上真的想学习如何做到这一点!

先谢谢,(该页面使用了bootstrap,所以我喜欢使用警告来显示错误和弹出的成功消息)

1 个答案:

答案 0 :(得分:0)

这可以使用AJAX完成。 Jquery为ajax提供了一个很棒的包装器。您的代码看起来像这样:

$("#loginbutton").click(function(){
  $.post("login.php",function(data,status){
    $('#errorMessageDiv').text(Data);
  });
});

这里login.php会吐出错误消息,jQuery / AJAX代码会抓取消息并将其放在页面上的div中,而不需要任何重定向或类似的东西

关于Jquery-Ajax的文档: https://api.jquery.com/jQuery.post/