js表单正则验证
七娃博客345 次
js判断部分:
function check() { var username=document.getElementById("username").value; var usertel=document.getElementById("usertel").value; var useraddr=document.getElementById("useraddr").value; var re1=/^[\u4e00-\u9fa5]{2,3}$/; var re2=/^[0-9]{11}$/; var re3=/^[\u4e00-\u9fa5]{1,200}$/ ; if(!(re1.test(username))) { alert("姓名只能为2或3个汉字。"); return false; } if(!(re2.test(usertel))) { alert("电话只能为11位数字。"); return false; } if(!(re3.test(useraddr))) { alert("地址只能为汉字,且最多为200字。"); return false; } return true; }
html部分:
<form action="" method="get" onsubmit="return check()"> 姓名 <label> <input type="text" id="username" name="username" /> </label> <p>电话 <input name="usertel" id="usertel" type="text" /> </p> <p>地址 <input name="useraddr" id="useraddr" type="text" /> </p> <input name="button2" type="submit" value="马上报名" /> <input name="submit" type="reset" value="重置"/> </form>
评论 | 0 条评论