js登録チェック
8237 ワード
先にコードを入れます
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Form </title>
<script type="text/javascript"> var flag1=false; var flag2=false; function display(obj){ var currentVal=$(obj.id).value; if(currentVal=="") { $(obj.id).value=obj.defaultValue; } else{ $(obj.id).value=currentVal; if(currentVal.length<6) { $("info1").innerText=" , 6-10 "; } else if(currentVal.length>10) { $("info1").innerText=" ， 6-10 "; } else { var myreg=/[a_zA_z0-9_-]+/gi; if(!myreg.test(currentVal)) { $("info1").innerText=" "; } else { flag1=true; } } } $("b3").disabled=false; } function dispass(obj){ var currentVal=$(obj.id).value; if(currentVal=="") { $(obj.id).value=obj.defaultValue; } else{ $(obj.id).value=currentVal; if(currentVal.length<6) { $("info2").innerText=" "; } else if(currentVal.length>16) { $("info2").innerText=" "; } else { var myreg=/[a_zA_z]+[0-9]+/gi; if(!myreg.test(currentVal)) { $("info2").innerText=" "; } else { flag2=true; } } } $("b3").disabled=false; } function confirm(obj){ var flag=flag1&&flag2; if(!flag) { $("b3").disabled=true; return false; } return true; } function doclear(obj) { var currentVal=$(obj.id).value; if(currentVal==obj.defaultValue) { $(obj.id).value=""; } else{ $(obj.id).value=currentVal; } } function $(id) { return document.getElementById(id); } function setStyle(x) { document.getElementById(x).style.background="yellow" } </script>
</head>
<body>
<form action="" onsubmit="return confirm(this)">
<!--value this.defaultValue -->
<input type="text" value=" / / " onfocus="doclear(this)" onblur="display(this)" id="b1"/><span id="info1"></span><br>
<input type="password" value=" " onfocus="doclear(this)" onblur="dispass(this)" id="b2"/><span id="info2"></span><br>
<input type="submit" value=" " id="b3"/><br>
</form>
</body>
</html>