js+jqueryフォーム検証--自己まとめ
1558 ワード
###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>