正则表达式——js表单验证-蒲公英云

正则表达式——js表单验证

男娘i 2022-12-31 01:24 297阅读 0赞

以下代码是使用js对表单中的电话号码和邮箱进行验证：

/**
 * 验证邮箱
 */
function validateEmail(){
    var patten = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
    if(!patten.test($("#email").val())){
        $("#staffform input[name=email]").addClass("validatebox-invalid");
        $("#validateEmail").html("邮箱格式错误");
    } else {
        $("#staffform input[name=email]").removeClass("validatebox-invalid");
        $("#validateEmail").html("");
    }
}
/**
 * 验证手机
 * 电信：中国电信手机号码开头数字 133、153、180、181、189
 * 联通：中国联通手机号码开头数字 130、131、132、145、155、156、185、186
 * 移动：中国移动手机号码开头数字 134、135、136、137、138、139、147、150、151、152、157、158、159、182、183、184、187、188
 */
function validateTel(){
    var patten = /^(13[0-9])|(14(5|7))|(15[0-35-9])|(18[0-9])\d{8}$/;
    if(!patten.test($("#tel").val())){
        $("#staffform input[name=tel]").addClass("validatebox-invalid");
        $("#validateTel").html("电话格式错误");
    } else {
        $("#staffform input[name=tel]").removeClass("validatebox-invalid");
        $("#validateTel").html("");
    }
}