自定义layui手机固话验证

Posted 2021-03-08 w-yu-chen

onload加载完成事件

onclick单击事件

onblur失去焦点事件

onchange内容发生改变事件 经常用于select下拉列表选中后的内容发生改变时候触发

onsubmit表单提交事件 经常用来在表单提交的时候验证所有表单项是否合法。

 

<input onblur="verTel(this.id)" />

 

/*******自定义layui手机、固话验证 请传 id *******/
function verTel(id) {
    var tel=document.getElementById(id).value;
    if (tel.length > 0) {
        if (!isPhone(tel) && !isMobile(tel)) {

            $(‘#‘ + id).css({
                border : "1px solid red"
            });
            $(‘#‘ + id).focus();
            alert(‘请输入正确的手机号码或固定电话！

固定电话格式：区号（3~4位，选填，4位时首位为0）-固定电话（7~8位，必填）-分机号（1~4位，选填）!‘);
            $(‘#‘ + id).val("");

            return false;
        }
    }
    return true;
}
//判断是否是固话
function isPhone(val) {

    var sReg = "^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$";
    var reg = new RegExp(sReg, "i");
    return reg.test(val);
}

//判断是否是移动电话
function isMobile(val) {
    var sReg = "^((\(\d{2,3}\))|(\d{3}\-))?1\d{10}$";
    var reg = new RegExp(sReg, "i");
    return reg.test(val);
}
/*******自定义layui手机、固话验证 *******/