jQuery-请问jquery如何在验证表单失败的情况下阻止表单提交?
return false也用了,event.preventDefault()也用了,但是验证失败之后表单还是提交了。。。求大侠,这里贴上代码:
form action="info.php" method="post" id="lform"
<label>UserName:</label>
input name="name" type="text"
<label>Password:</label>
input name="pass" type="password"
button onclick="loginCheck()" Login /button
/form
js的:
function loginCheck(){
var email=$('input[name="name"]').val();
if(!isEmail(email)){
return false;
}
else {$("#lform").submit();}
}
function isEmail ( email )
{
var reg1 = /([w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)/;
return reg1.test( email );
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
给你推荐一个form表单的插件。formvalidator.js
onclick="loginCheck()"
改为
onclick="return loginCheck();"
首先你是用:
button onclick="loginCheck()" Login /button
它是不会自动提交form表单的,
从你的代码中可以看出你提交表单是在:
else {$("#lform").submit();}
这里面提交的,
所以你的isEmail()这个函数肯定验证通过了,它才执行else的,估计是你的验证邮箱的正则有问题