广告
html/css/javascript您现在的位置是：主页 > html/css/javascript >

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

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

<!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]/


 

联系微信


扫码联系技术微信

---------------专业解决网站各种疑难杂症，可淘宝担保交易，安全无风险---------------
建站、仿站、二次开发、网站改版、网站修改、网站漏洞修复、网站被黑修复、网站安全、服务器安全等
点击了解更多 >>

上一篇：迅睿CMS后台栏目目录不能保存中文的解决办法

下一篇：pbootcms多个二级域名怎么填写授权码？

广告

相关文章

广告

随机图文

本栏推荐

pbootcms后台文章列表修改为按照发布时间排序

猜你喜欢

联系微信