常见js正则验证手机、电话、qq、邮箱

首先引用jquery的库

<script src="jquery-1.7.2.min.js"></script>

 

页面中from表单提交时用onsubmit

 

<form action="" method="post" onsubmit="return pan();">

　　姓名:<input name="username" id="username" type="text">

　　手机:<input name="telphone" id="telphone" type="text">

　　邮箱:<input name="email" id="email" type="text">

　　QQ:<input name="qq" id="qq" type="text">

　　<input type="submit" value="提交">

</form>

在页面里直接写js或者引用js文件写pan()方法

<script>

　　function pan(){

　　　　var username=$("#username").val();

　　　　var telphone=$("#telphone").val();

　　　　var email=$("#email").val();

　　　　var qq=$("#qq").val();

　　　　var name= /^[\u4E00-\u9FA5]+$/; //只为中文

　　　　var phone1= /^((\+?86)|(\(\+86\)))?\d{3,4}-\d{7,8}(-\d{3,4})?$|^((\+?86)|(\(\+86\)))?1\d{10}$/;
　　　　var qq1= /^\d+$/; //只为数字
　　　　var email1= /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;

　　　　if(!name.test(username)){

　　　　　　alert("姓名只为中文!");

　　　　　　return false;

　　　　}

　　　　if(!phone1.test(telphone)){

　　　　　　alert("请正确输入手机!");

　　　　　　return false;

　　　　}　　　

　　　　if(!email1.test(email)){

　　　　　　alert("邮箱格式错误!");

　　　　　　return false;

　　　　}

　　　　

　　　　if(!qq1.test(qq)){

　　　　　　alert("请正确输入QQ!");

　　　　　　return false;

　　　　}

　　}

</script>

由力劦工作室提供