日期:2014-05-16 浏览次数:20414 次
###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>
?