2014-10-06 17 views
-1

你好我在編寫我的表單,我已經驗證了它與jQuery和PHP,但我需要在我的手機輸入只有數字才能使用,必須出現最少6個數字。在這個jQuery代碼結構:在特定的代碼結構中驗證jQuery中的iput

if ($('input[name="phone"]').val().length ===0){ 
     erros = 1; 
    } 
    else { 
     $('input[name="phone"]').removeClass('warning'); 
    } 

這裏的手機輸入代碼:

<label class="label">Phone Number</label> 
          <label class="input"> 
           <i class="icon-append fa fa-phone"></i> 
           <input type="text" name="phone" id="phone" > 
          </label> 

如何立足於我的需求了jQuery驗證?在此先感謝

我剛剛更新了我的劇本和我做了它在某種程度上驗證只輸入數字,但現在到10號在這裏的電話輸入框typet代碼我不能盼着去:

var phoneVal=$('input[name="phone"]').val(); 
    phoneantigo = phoneVal.toString(); 
    var phoneReg = /\(?([0-9]{3})\)?([ .-]?)([0-9]{3})\2([0-9]{4})$/; 

    if ($('input[name="phone"]').val().length === 0) { 

     erros = 1;} 
     else if(!phoneReg.test(phoneVal)) { 

     $('input[name="phone"]').val(''); 
      erros = 1; 

     } 
    else { 
     $('input[name="phone"]').removeClass('warning');}//end of test 
+1

也許這有助於:http://stackoverflow.com/questions/19840301/jquery-to-validate-phone-number – 2014-10-06 15:06:00

+0

我現在檢查,謝謝@Daniel – 2014-10-06 15:25:03

回答

-1
$('#phone').on('input', function (event) { 
    $this.val() = $this.val().replace(/[^0-9]/g, ''); // allow only numeric characters 
    if ($this.length < 6){ // if less than 6 characters, add warning class 
     erros = 1; 
     $this.addClass('warning'); 
    } else { 
     $this.removeClass('warning'); 
    } 
}); 
+0

它不工作@adamdehaven除了謝謝 – 2014-10-06 15:19:01

+1

我haven' t降低了這個答案,但我也有一些解釋對一段代碼有好處。 – Trilarion 2014-10-06 15:26:25

+0

你沒有投票...如果你知道如何閱讀,我想你可以搞清楚@Trilarion。 – adamdehaven 2014-10-06 15:53:45