4.10号 表单验证
1 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 | < 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 > </ body > < script type="text/javascript"> //非空验证 function Ti() { //获取文本框的值,判断是否为空 var y = document.getElementById("y").value; if(y=="") { alert("用户名为空"); return false; } else { return true; } } //相等验证 function Ti() { var p = document.getElementById("p").value; var qp = document.getElementById("qp").value; if(p==qp) { //相等的提交 return true; } else { //不相等的 alert("输入的密码不一致"); return false; } } //范围验证 function Ti() { //18-30 var n = document.getElementById("n").value; if(n>18 && n<30) { return true; } else { alert("年龄不符"); return false; } } //正则验证 function Ti() { 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; } else { return true; } } |
套在一起用:用 if 嵌套做,条件不正确的话弹出,正确的话执行下一步。
1 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 | < form action="清明作业.html" method="post"> 用户名: < input type="text" name="y" id="y" />< br /> 密码: < input type="password" name="p" id="p" />< br /> 确认密码:< input type="password" name="qp" id="qp"/>< br /> 年龄: < input type="text" name="n" id="n" /> < br /> 手机号: < input type="text" name="s" id="s" />< br />; < input type="submit" value="提交" onclick="return Ti()" /> </ form > </ body > < script type="text/javascript"> function Ti() { var y=document.getElementById("y").value; if (y=="") { alert("请输入用户名"); y空是时候弹出 return false; } else y输入东西的时候执行下一步 { var p= document.getElementById("p").value; var qp = document.getElementById("qp").value; if (p!=qp) { alert("密码不一致"); return false; } else { var n= document.getElementById("n").value; if ( n< 18 || n>30 ) { alert("年龄不符"); return false; } else { 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; } else { return true; } return true; } return true; } return true; } } </ script > |
posted on 2018-04-10 16:31 sunyexiang 阅读(184) 评论(1) 编辑 收藏 举报
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步