自定义layui手机、固话验证

input 各种事件

onload加载完成事件

onclick单击事件

onblur失去焦点事件

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

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

 

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

 

 

/*******自定义layui手机、固话验证 *******/
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('请输入正确的手机号码或固定电话！\n\r固定电话格式：区号-固定电话');
            document.getElementById(id).value='';
            return false;
        }
    }
    return true;
}
//固话
function isPhone(val) {

    var sReg = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
    var reg = new RegExp(sReg, "i");
    return reg.test(val);
}

//手机
function isMobile(val) {
    var sReg=/^((\+?86)|(\(\+86\)))?(13[012356789][0-9]{8}|15[012356789][0-9]{8}|18[02356789][0-9]{8}|147[0-9]{8}|1349[0-9]{7})$/;
    var reg = new RegExp(sReg, "i");
    return reg.test(val);
}
/*******自定义layui手机、固话验证 *******/