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>