表单验证
<!--1.非空验证 2.相等验证 3.范围验证 4.正则验证 --> <form action="日期选择例题.html" method="post"> 用户名:<input type="text" id="yh"/> 密码:<input type="password" id="mm"/> 确认密码:<input type="password" id="qr"/> 年龄:<input type="text" id="nl" /> 手机:<input type="text" id="sj"/> <input type="submit" value="提交" onclick="return Tj()"/> </form> </body> </html> <script type="text/javascript"> function Tj() { //获取文本框value值 var yh = document.getElementById("yh").value; //判断文本框是否为空 if(yh=="") { alert("用户名不能为空"); return false; } //如果不为空则判断密码是否正确 else { //找元素 var qr = document.getElementById("qr").value; var mm = document.getElementById("mm").value; //判断密码是否一致 if(qr!=mm) { alert("密码不一致"); return false; } //如果一致判断年龄 else { //找元素 var nl = document.getElementById("nl").value; if(nl<18) { alert("写作业去"); return false; } //年龄符合判断手机 else { //找元素 var sj = document.getElementById("sj").value; var z = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/; if(sj.match(z)==null) { alert("手机号不正确"); return false; } //都正确则提交 else { return true; } } } } } </script>