大于 inputText javascript 验证器答案

【问题标题】：Greater than inputText javascript validator大于 inputText javascript 验证器
【发布时间】：2016-12-07 16:06:55
【问题描述】：

我有 2 个输入文本，一个用于设置上限，另一个用于设置下限（数字）。

视图：（代码和代码下的捕获当我按下 F12 时看到的元素）

<h:form id="form">

<h:inputText id="lowerLmt" styleClass="input-sm form-control required number    
 minlim" value="#{managedBean.min}"/>

<h:inputText id="upperLmt" styleClass="input-sm form-control maxlim"
 value="#{managedBean.max}"/>

</form>

根据这个example我已经定义了验证器：

$.validator.addMethod("upper_limit_greater_than_lower_limit", function(){
return $('#upperLmt').val() >= $('#lowerLmt').val()
}, "The upper limit mut be grater than or equal to lower limit");

我尝试验证表单：

$('#form').validate({
   rules: {
       upperLmt: {
           required: true,
           upper_limit_greater_than_lower_limit: true
       },
       lowerLmt: {
           requred: true,
           upper_limit_greater_than_lower_limit: true
       },
   }, 
});

我看到我的 imputTexts 的 id 是 form:id 因为我使用 jsf 组件。如果我尝试验证表单 witform:id 我有错误

我应该怎么做才能使这个验证器工作？

【问题讨论】：

标签： javascript jquery validation jsf

【解决方案1】：

因为这不是一个有效的对象。应该是

rules: {
  form: { upperLmt: { .. },
          lowerLmt: { .. }
  }
}

.. 这并不意味着您的代码可以工作.. 这只是修复您的语法问题的提示

【讨论】：