您的位置:首页 > Web前端 > JQuery

a标签的无跳转点击和jquery对表单的全体验证

2014-08-19 21:15 323 查看
在写验证码无刷新验证的时候遇到个小问题,点击的文字为a标签,点击后会刷新整个页面,将所有表单中的数据全部重置,小兰反应这样不友好,所以我找了解决方案:

<a id="chage" href="javascript:void(0);" onclick="js_method()">换一换</a></span>
onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态

还有个困扰了一些时间的一个问题:jquery文档中是对每个输入框的flur判断,但是要整个表单提交的时候,为了保证表单数据的有效性还得重新判断下,但是如果全部重新写一遍又感觉太low,想了好长时间,终于有了个方法,不多说了,上代码:

$('#register_form').submit(function(){
email.blur();
if(email_ok){
name.blur();
if(name_ok){
password.blur();
if(password_ok){
repassword.blur();
if(repassword_ok){
verifyInput.blur();
if(verify_ok){
return true;
}else{
verifyInput.focus();
}

}else{
repassword.focus();
}
}else{
password.focus();
}
}else{
name.focus();
}
} else{
email.focus();
}
return false;
});

既检验了表单数据的有效性,还在检测到了哪个输入框有问题直接跳到输入框中,一举两得~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: