JS表单验证,div文本框验证,图片按钮。
2012-11-18 web1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 | <html> <head> <title>表单验证,div文本框验证,图片按钮。</title> <script type="text/javascript" language="javascript"> function CheckForm( ) { str = document.getElementById("UserName").value; if(str.length == 0){ document.getElementById("t1").value="用户名不能为空"; return false; }else{ for(var i = 0; i < str.length; ++i) if(!isNaN(parseInt(str.charAt(i)))){ document.getElementById("t1").value="用户名不能有数字"; return false; break; } } var ps = document.getElementById("PassWord").value; var ps2 = document.getElementById("PassWord2").value; if(ps.length < 6){ alert("密码必须大于6位"); return false; } if((ps != ps2)){ alert( "重复必须相等"); return false; } var email= document.getElementById("Email").value if(email.length==0) { alert("电子邮件不能为空!"); return false; } if(email.indexOf("@",0)==-1) { alert("电子邮件格式不对,必须包含@符号!"); return false; } if(email.indexOf(".",0)==-1) { alert("电子邮件格式不对,必须包含@.符号!"); return false; } var year = parseInt(document.getElementById("Year").value); if(isNaN(year) || year > 1995){ alert( "只有1995年以后出生的人才被允许注册"); return false; } return true; } </script> <style type="text/css"> <!-- #Layer1 { position:absolute; left:12px; top:17px; width:289px; height:29px; z-index:1; } --> </style> </head> <body> <div id="Layer1"><input type="text" id="t1"/></div> <form method="post" action="//daymoe.com/" onSubmit="return CheckForm()"> <p> </p> <p>用户名 <input type="text" id="UserName"/> <br /> 密码 <input type="password"id="PassWord"/> <br /> 确认密码 <input type="password" id="PassWord2"/> <br /> 电子邮件 <input type="text" id="Email"/> <br /> 出生年份 <input type="text" id="Year"/> <br /> <img src="1.jpg" width="82" height="20" onClick="CheckForm()"/>←←图片按钮。 <input type="submit" value="提交"/> <input type="reset" value="重置"/> </p> </form> </body> </html> |
很久没有过来了,今天过来看一看! [ ]
过来支持一下 值得收藏分享 [ ]
路过,留个脚印,网站很棒! [ ]
秒赞不是偶然,是一种态度! [ ]
别用 斜体字!别用 斜体字!别用 斜体字! 重要的话要说三遍。 [ ]