在特定的代码结构中验证jQuery中的iput

Question

你好我在编写我的表单，我已经验证了它与jQuery和PHP，但我需要在我的手机输入只有数字才能使用，必须出现最少6个数字。在这个jQuery代码结构：

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 

Answer 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'); 
    } 
});