无法在提交表单前通过ajax验证解决办法
浏览数：29 /
时间：2015年06月09日
博主在一个小项目中，要实现注册表单无刷新验证用户名或密码，但是发现不管怎么样都无法在先通过ajax验证之前不提交表单。
例如：一个简单的验证函数
1 function check(){ 2 $.post("#name")("xxx.php",{user:user}function(msg){ 3 if(msg){return false;} 4 }) 5 }
1 <form class="form" method="post" action="xxx.php" onsubmit="return check()"> 2 <input type="text" name="user" id="user" /> 3 <button type="submit" value="提交"/> 4 </form>
提交会发现，表单直接提交了，而不会执行$.post里的事件。
有网友这样解决的：
1、用blur，在文本框失去焦点后传输数据并验证，返回结果。
缺点：如果用户浏览器记录了表单信息，用户不会再点击文本框，提交后还是无法验证文本框。
2、干脆不用submit，把button的type改成button，再添加一个点击函数onclick="check()"，如果验证通过再$("form").submit()提交表单
缺点：无法使用html5验证。
博主就收集了这两种办法，如果有别的做法，不妨交流一下哦。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
