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个数字输入代码：

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

在特定代码结构中验证jquery中的输入

1 个答案: