Größer als inputText Javascript Validierer

Question

Ich habe 2 inputTexts, einen, um die obere Grenze und einen anderen, um die untere Grenze (numerisch) zu setzen.

Die Ansicht: (Code und die Erfassung des Elements unter dem Code gesehen, wenn I F12 drücken)

<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> 

Nach diesem example Ich habe den Validator definiert:

$.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"); 

Und ich versuchte, die Form zu überprüfen:

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

Ich sehe die ids meiner imputTexts sind Form: id weil ich jsf-Komponenten verwende. Wenn ich versuche, das Formular witform zu validieren: ID Ich habe Fehler

Was soll ich tun, damit dieser Validator funktioniert?

Answer 1

, weil dies kein gültiges Objekt ist. Es sollte

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

sein .. das nicht Ihr Code .. bedeutet arbeiten, es ist nur ein Hinweis Ihre Syntax Problem zu beheben