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

1,验证手机号码、用户名、邮箱

hangge.com

//对象选择器

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”,””).οnblur=function(){

isnum(this);

}

$sel(“mail”,””).οnblur=function(){

ismail(this);

}

$sel(“username”,””).οnblur=function(){

isname(this);

}

}

效果图如下:

《html注册手机号验证,js正则表达式验证手机号码,用户名和邮箱》

2,再次确认密码验证

《html注册手机号验证,js正则表达式验证手机号码,用户名和邮箱》

hangge.com

//对象选择器

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 confirmPassword(obj1, obj2){

if(obj1.value != obj2.value){

alert(“两次输入的密码不一致!”);

obj1.value=””;

}

}

//初始化验证

function init(){

//注册一个失去焦点的事件

$sel(“pwdConfirm”,””).οnblur=function(){

confirmPassword(this, $sel(“pwdNew”,””));

}

}

    原文作者:亲爱的薄荷绿
    原文地址: https://blog.csdn.net/weixin_42165583/article/details/117896841
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞