html/css/javascript您现在的位置是:主页 > html/css/javascript >

js正则表达式验证手机号码,用户名和邮箱

2023-01-25 20:42:07html/css/javascript 19人已围观

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>0536360.com</title>
</head>
     
<script>
    //对象选择器
	function $sel(id,tabname){
		if(id!="" && tabname!=""){
			var tem_obj=document.getElementById(id);
			return tem_obj.getElementsByTagName(tabname);
		}else if(id!=""){
			return document.getElementById(id);
		}else{
			return document.getElementsByTagName(tabname);
		}
	}
       
    //电话号码验证
	function isnum(obj){
		var reg=/^1[0-9]{10}/;
		if(!reg.test(obj.value)){
			alert("请正确填写手机号!");
			obj.value="";
		}
	}
       
    //验证邮件格式
	function ismail(obj){
		var reg=/[a-zA-Z0-9]{1,10}@[a-zA-Z0-9]{1,5}\.[a-zA-Z0-9]{1,5}/;
		if(!reg.test(obj.value)){
			alert("请正确填写邮箱!");
			obj.value="";
		}
	}
       
    //验证用户名格式
	function isname(obj){
		var reg=/^[\u4e00-\u9fa5]{2,4}$/;
		if(!reg.test(obj.value)){
			alert("请正确填写姓名!姓名为两到四个汉字。");
			obj.value="";
		}
	}
 
    //初始化验证
    function init(){
        //注册一个失去焦点的事件
        $sel("phone","").onblur=function(){
          isnum(this);
        }
           
        $sel("mail","").onblur=function(){
          ismail(this);
        }
           
        $sel("username","").onblur=function(){
          isname(this);
        }
    }  
</script>
 
<body onload="init()">
    <input type="text" id="username" placeholder="姓名"/><br>
    <input type="text" id="phone" placeholder="手机号"/><br>
    <input type="text" id="mail" placeholder="邮箱地址"/>
    <input type="submit" value="提交"/>
</body>
</html>

更多正则

验证手机号

 /^(1[3-9][0-9]|14[57])\d{8}$/
验证密码(英文或者数字)

  /^[A-Za-z0-9]*$/
验证邮箱

  /^([A-Za-z0-9_-.])+@([A-Za-z0-9_-.])+.([A-Za-z]{2,4})$/
身份证号

 /^[1-9]d{5}(18|19|([23]d))d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)d{3}[0-9Xx]$/
QQ号(5-11位)

/^[1-9][0-9]{4,10}$/
微信号(6-20位,以字母开头,字母,数字,减号,下划线)

/^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/
车牌号

/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/
是否包含中文

/[u4E00-u9FA5]/