a标签的无跳转点击和jquery对表单的全体验证
2014-08-19 21:15
323 查看
在写验证码无刷新验证的时候遇到个小问题,点击的文字为a标签,点击后会刷新整个页面,将所有表单中的数据全部重置,小兰反应这样不友好,所以我找了解决方案:
还有个困扰了一些时间的一个问题: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;
});
既检验了表单数据的有效性,还在检测到了哪个输入框有问题直接跳到输入框中,一举两得~
<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;
});
既检验了表单数据的有效性,还在检测到了哪个输入框有问题直接跳到输入框中,一举两得~
相关文章推荐
- jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
- a标签点击跳转或表单提交前弹出确认框
- 关于HTML在input标签内检测输入内容合法性和在js验证表单合法性后跳转到servlet的几点内容
- 利用jquery&iframe标签实现页面无跳转的表单文件上传
- a标签点击跳转或表单提交前弹出确认框
- JQuery中模拟点击<a>标签,实现页面跳转
- jQuery触发a标签点击事件-为什么不跳转
- js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题
- jquery的表单验证方法,一个function能不能同时捕捉点击事件和按键事件?能不能再优化下,有代码。
- a标签点击跳转或表单提交前弹出确认框
- jQuery触发<a>标签的点击事件后URL不跳转的解决办法
- jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
- Jquery使包含a标签的标签可点击跳转
- jquery 表单验证插件
- 基于jQuery的表单验证
- jQuery formValidator表单验证插件3.2ver发布
- Jquery表单验证
- jQuery formValidator表单验证插件2.9.3版本已经支持对所有客户端控件的验证
- jQuery formValidator表单验证插件3.5a 版本发布,适合jQuery1.3.2类库
- jQuery formValidator表单验证插件