js表单正则验证

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) 打赏
未经允许不得转载:版权所有@七娃设计室七娃博客 » js表单正则验证
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

七娃设计,让设计贴近生活

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏