日期:2014-05-16  浏览次数:20324 次

js+jquery表单验证--自己总结

###js+jquery验证表单,自己总结的。
定义判断的变量true-->鼠标离开事件-->先清空span的html()-->不符合要求赋予错误提示.html();变量设为false;return-->
checkEmpId = true;//不包含非法字符执行到这,重新设置一下变量为true;return-->注册点击事件-->
让所有input失去焦点-->变量还是true可以提交表单

?

?

<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/authentication.js"></script>

<script type="text/javascript">
	$(document).ready(function(){
		var checkEmpId = true;//定义一个变量
		/*鼠标离开事件*/
		$("#employeeId").blur(function(){
			var employeeId = $("#employeeId").val();
			var textEmployeeId = $("#textEmployeeId");
			textEmployeeId.html("");
			if( illegalChar_queryUse(employeeId) ){
				textEmployeeId.html("<font color='red'>工号ID不能包含非法字符!</font>");
				checkEmpId = false;
				return;
			}
			checkEmpId = true;//不包含非法字符执行到这,重新设置一下变量为true
			return;
		});

		/*注册点击事件*/
		$("#chaxun").click(function(){
			$("input").blur();//让所有input失去焦点
			if( checkEmpId == true ){
				$("#form").submit();
			}
		});
	});
	/*重置表单*/
	function resetForm(){
		$("#employeeId").val("");
		$("#textEmployeeId").html("");
	}
</script>

?