当前位置: 代码迷 >> JavaScript >> js+jquery表单证验-自己总结
  详细解决方案

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

热度:70   发布时间:2012-11-23 00:03:43.0
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>

?

  相关解决方案