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

最新推荐文章于 2021-03-26 20:29:53 发布

雪狼MJ

最新推荐文章于 2021-03-26 20:29:53 发布

阅读量859

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/tonybest985/article/details/38688083

版权

JQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

<a id="chage" href="javascript:void(0);" οnclick="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;
	});

既检验了表单数据的有效性，还在检测到了哪个输入框有问题直接跳到输入框中，一举两得～