表單驗證手機號碼格式例項程式碼

antzone發表於2017-03-13

在一些要求比較嚴格的網站,手機格式的驗證是必須的,因為有時候因為使用者的失誤或者其他的操作導致填寫失誤,由此可能引起一些麻煩,下面就通過程式碼例項介紹一下如何驗證手機號碼的格式。

程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
function Checkreg() 
{ 
  //驗證電話號碼手機號碼,包含153,159號段 
  if(document.form.phone.value==""&&document.form.UserMobile.value=="")
  { 
    alert("電話號碼和手機號碼至少選填一個阿!"); 
    document.form.phone.focus(); 
    return false; 
  } 
  if(document.form.phone.value != "")
  { 
    var phone=document.form.phone.value; 
    var p1=/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/; 
    var me=false; 
    if(p1.test(phone))me=true; 
    if(!me)
    { 
      document.form.phone.value=''; 
      alert('對不起,您輸入的電話號碼有錯誤。區號和電話號碼之間請用-分割'); 
      document.form.phone.focus(); 
      return false; 
    } 
  } 
  if(document.form.UserMobile.value!="")
  { 
    var mobile=document.form.UserMobile.value; 
    var reg0=/^13\d{5,9}$/; 
    var reg1=/^153\d{4,8}$/; 
    var reg2=/^159\d{4,8}$/; 
    var reg3 = /^0\d{10,11}$/; 
    var my = false; 
    if(reg0.test(mobile))my=true; 
    if(reg1.test(mobile))my=true; 
    if(reg2.test(mobile))my=true; 
    if(reg3.test(mobile))my=true; 
    if(!my)
    { 
      document.form.UserMobile.value=''; 
      alert('對不起,您輸入的手機或小靈通號碼有錯誤。'); 
      document.form.UserMobile.focus(); 
      return false; 
    } 
    return true; 
  } 
}

以上程式碼可以實現對手機號碼的驗證功能,具體實現過程這裡就不多介紹了,主要應用的是正規表示式。

相關文章