<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <!-- 表单验证： 1.非空验证 2.相等验证 3.范围验证 4.正则验证 /^正则*表达式$/ \n --> <form action="1.html" method="post"> 用户名:<input type="text" name="y" id="y" /> 密码：<input type="password" name="p" id="p" /> 确认密码：<input type="password" name="qp" id="qp" /> 年龄：<input type="text" name="n" id="n" /> 手机号：<input type="text" name="s" id="s" /> <input type="submit" value="提交" onclick="return Ti(form)" /> </form> </body> <script type="text/javascript"> function Ti(form) { var y = document.getElementById("y").value; if(y=="") { alert("用户名为空"); return false; } var p = document.getElementById("p").value; var qp = document.getElementById("qp").value; var kkl = /^(?![A-Z]+$)(?![a-z]+$)(?!d+$)(?![W_]+$)S{6,16}$/; if(p.match(kkl)==null) { alert("密码必须含有小写字母、大写字母和数字，也可添加特殊符号"); return false; } if (p == "") { alert("请输入登录密码!"); return false; } if(p!=qp) { alert("输入的密码不一致"); return false; } var n = document.getElementById("n").value; if(n=="") { alert("请填写年龄"); return false; } if(n<18 || n>30) { alert("年龄不符"); return false; } var s = document.getElementById("s").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(s.match(z)==null) { alert("手机号不正确"); return false; } } </script> </html>
这是一个简单的表单验证，在后期Java的学习中有很大的用处。还有就是关于正则的正确表达。