自定義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手機、固話驗證 *******/