jQuery验证方法-验证

Question

在禁用Idealforms中的验证时遇到问题，我希望以下字段未通过验证

邮递区号3，备忘录2，上一个年度，上一个月

直到current_year中的值小于3

$(document).ready(function(){

$('#current_year').on("input", function() {
    var dInput = this.value;
    console.log(dInput);
    $('#current_year').text(dInput);

    $('form.idealforms').idealforms('addRules', {
        'postcode3': ( parseInt( $('#current_year').val() ) < 3) ? 'required' : '',
    });
});



      $('form.idealforms').idealforms({

      silentLoad: false,    

      rules: {
        'postcode2': 'required',
        'memo1': 'required',
        'current_year': 'required',
        'current_month': 'required',
      },


      onSubmit: function(invalid, e) {
        e.preventDefault();
        $('#invalid')
          .show()
          .toggleClass('valid', ! invalid)
          .text(invalid ? (invalid +' invalid fields') : 'All good!');
      }
});

Answer 1

假设您其余的代码是正确的，我认为问题是val()返回的是string而不是number 。 您需要像这样编写表达式

( parseInt( $('#current_year').val() ) < 3 ) : 'required' : '';

或将val（）与数字的字符串值进行比较。

( $('#current_year').val() < '3' ) : 'required' : '';

编辑

第二个问题是，一旦声明了规则，代码中的任何内容都不会更改规则。 因此，如果onload $('#current_year').val()小于3，则始终需要输入字段。

根据插件文档，您可以在初始化插件后添加规则，如下所示

$('form').idealforms('addRules', {
  'comments': 'required minmax:50:200'
});

因此，您也许可以使用它来更新规则。

$('#current_year').on("input", function() {

    $('form.idealforms').idealforms('addRules', {
        'postcode3': ( parseInt( $('#current_year').val() ) < 3) ? 'required' : '',
    });

});