javascript手机验证、邮箱验证、密码验证的正则表达式的简单封装

javascript【手机验证】、【邮箱验证】、【密码验证】的正则表达式的封装:


【手机验证】:以下代码是验证手机号码的正则表达式的方法,

【checkPhone】:表示的是方法的名称;

【phoneId】:表示方法的参数,这里为获取手机号码的html元素的id,一般为input元素的id;

【$(phoneId).val()】:JQ通过id获取input的值;

【手机匹配的正则表达式】:/^1[2|3|4|5|6|7|8|9|]\d{9}$/

/*手机验证*/

function checkPhone(phoneId) {

    // var phone = document.getElementById(phoneId);

    // var phone_value = phone.value;

    var phone_value = $(phoneId).val();

    if (!(/^1[2|3|4|5|6|7|8|9|]\d{9}$/.test(phone_value))) {//手机匹配的正则表达式

        alert("手机号码格式有误,请重新填写!");

        $(phoneId).focus();

        mail = 0;

        return false;

    } else {

        mail = 1;

    }

}


【邮箱验证】:以下代码是验证邮箱的正则表达式的方法,

【checkMail】:表示的是方法的名称;

【mailId】:表示方法的参数,这里为获取邮箱的html元素的id,一般为input元素的id;

【$(phoneId).val()】:JQ通过id获取input的值;

【邮箱匹配的正则表达式】:/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9])+/

/*邮箱验证*/

function checkMail(mailId) {

    //var mail_id = document.getElementById(mailId);

    //var regMail = mail_id.value;

    var regMail_value = $(mailId).val();

    var regMail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9])+/;//邮箱匹配的正则表达式

    if (!(regMail.test(regMail_value))) {

        alert("邮箱号码格式有误,请重新填写!");

        $(mailId).focus();

        phone = 0;

        return false;

    } else {

        phone = 1;

    }

}


【密码验证】:以下代码是验证密码的正则表达式的方法,

【checkPwd】:表示的是方法的名称;

【pwdId】:表示方法的参数,这里为获取邮箱的html元素的id,一般为input元素的id;

【$(pwdId).val()】:JQ通过id获取input的值;

【密码匹配的正则表达式】:/^[0-9a-zA-Z_-]{6,10}/

密码的正则表达式可以按照实际的情况进行修改;

/*密码验证*/

function checkPwd(pwdId) {

    var regPwd_value = $(pwdId).val();

    var regPwd = /^[0-9a-zA-Z_-]{6,10}/;//密码匹配的正则表达式

    if (!(regPwd.test(regPwd_value))) {

        alert("您的密码包含特殊字符!请输入数字、字母或者“-”和“_”这些组合的6到10位密码!");

        $(pwdId).focus();

        pwd = 0;

        return false;

    } else {

        pwd = 1;

    }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容