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

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

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

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


 


扫码添加技术微信【解决问题，仅需10元起】

专注中小企业网站建设、网站安全15年。
熟悉各种CMS，精通PHP+MYSQL、HTML5、CSS3、Javascript等。
承接：企业仿站、网站修改、网站改版、BUG修复、问题处理、二次开发、PSD转HTML、网站被黑、网站漏洞修复等。
专业解决各种疑难杂症，您有任何网站问题都可联系我们技术人员微信。
➥ 可淘宝担保交易，安全无风险

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

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

广告
广告

相关文章

栏目分类

本栏推荐

pbootcms全国多城市网点筛选查询插件 适用于经销商查询，分店查询，售后服务站查询
技术微信