1. 程式人生 > >JS正則表示式驗證(一)

JS正則表示式驗證(一)

目錄:

  • 手機號驗證
  • 固定電話驗證

手機號驗證:

寫法【1】--->!(/^1[34578]\d{9}$/.test(phone)):以1開頭,第二位可能是3/4/5/7/8等的任意一個,在加上後面的\d表示數字[0-9]的9位,總共加起來11位結束。

寫法【2】--->!(/^(\+\d{2,3}\-)?\d{11}$/.test(phone))

寫法【3】--->!(/^1(3|4|5|7|8)\d{9}$/.test(phone))

<input type="text" name="name" id="phone"/>
$("#phone").on('blur', function
() { var phone = document.getElementById('phone').value; if (!(/^(\+\d{2,3}\-)?\d{11}$/.test(phone))) { alert("手機號碼錯誤"); return false; } });

小括號就是括號內看成一個整體 ,中括號就是匹配括號內的其中一個

固定電話號碼驗證:

寫法【1】--->!/^(\d{3,4}\-)?[1-9]\d{6,7}$/.test(phone)

寫法【2】--->!/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(phone)

$(function () {
    $("#phone").on('blur', function () {
        var phone = document.getElementById('phone').value;
        if (!/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(phone)) {
            alert("固定電話錯誤");
            return false;
        }
    });
})