Question

我需要将相同的jquery验证规则应用于表单中表的name="time"的所有输入。 Html代码：

<form id="thresholds">
    <table id="table" width="100%"> 
        <thead> 
        <tr> 
            <th width="35%">Service Name</th> 
            <th width="65%">Threshold</th>        
        </tr> 
        </thead> 
        <tbody> 
        <tr> 
            <td>Srv1</td> 
            <td><input id="Srv1" name="time"></input></td>        
        </tr> 
        <tr> 
            <td>Srv2</td> 
            <td><input id="Srv2" name="time"></input></td>  
        </tr>
        <tr> 
            <td>Srv3</td> 
            <td><input id="Srv3" name="time"></input></td>        
        </tr> 
        </tbody> 
    </table>                    
</form>

输入中的所有值都应该是有效的时间戳。方法是

$.validator.addMethod("time", function (value, element) {
    return this.optional(element) || /^(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/i.test(value);
}, "Please enter a valid time.");

$("#thresholds").validate({
    rules: {
        time: {
            required: true,
            time: true
        }
    }
});

这样，规则只评估第一个输入“Srv1”。

我也需要它来影响Srv2和Srv3，即所有的

$('input[name="time"]').

提前感谢您的帮助。

Answer 1

问题不在验证器或选择器中。他们都是正确的。在代码的更多行中，我尝试依赖于表单状态启用/禁用“提交”按钮：

$('input[name="time"]').on('keyup blur', function () { 
               if ($('#thresholds').valid()) {                   
                 $('#run').prop('disabled', false);                         
               } else {
                   $('#run').prop('disabled', true);                        
               }
           });

由于某种原因，条件$（'＃thresholds'）。valid（）总是返回TRUE，即使是无效或空输入。验证似乎也不起作用。

单独验证每个输入解决了问题：

  $('input[name="time"]').on('keyup blur', function ()   { 
     if ($('#thresholds').validate().element($(this))) {                   
         $('#run').prop('disabled', false);                      
      } else {
         $('#run').prop('disabled', true);                        
      }

}）;

JQuery：验证表单中的所有输入

1 个答案: