показать сообщение об ошибке после проверки - jQuery Validate

Question

У меня есть функция, которая сравнивает два поля.

$.validator.addMethod("validatormethod", function (value, element) { 
    return $('#Field1').val() > $('#Field2').val() 
}, "Test"); 

форма является динамическим и, следовательно, форма проверяется с помощью each:

$('.validateclass').each(function() { 
     $(this).rules('add', { 
      validatormethod: true, 
      messages: {validatormethod: "Test" } 
     }) 
    }); 

$('.validateclass2').each(function() { 
     $(this).rules('add', { 
      required: true, 
      messages: {required: "This field is required" } 
     }) 
    }); 

$('#myForm').valid(); 

Теперь моя проблема сообщение Test появляется, как только при загрузке страницы. Он должен появиться только после сравнения поля. Я знаю, что это связано с линией $('#formSaveComponent').valid();. Но я хочу, чтобы сообщение появилось при загрузке страницы. Есть ли способ, которым я могу это сделать, используя плагин jQuery Validate. Цитата

SAMPLE FIDDLE

Answer 1

OP:

«Теперь моя проблема заключается в тестовое сообщение появляется, как только страница загрузится Он должен появиться только после того, как поле сравнивается.».

Вы написали свой собственный метод, как если бы эти поля required ... поэтому вы сразу же получаете сообщение об ошибке, и в то время как поля все еще пусты.

Пока эти поля не required, вам нужно будет добавить this.optional(element) || к пользовательскому следующему способу ...

$.validator.addMethod("validatormethod", function (value, element) { 
    return this.optional(element) || $('#Field1').val() > $('#Field2').val() 
}, "Test"); 

Теперь пользовательский метод не сработает, если что-то не вводится в соответствующие поля ,

---

EDIT 1

Хотя я понятия не имею, почему в вашем jsFiddle, вы сравниваете txtLastName к txtFirstName с оператором в > сравнения ... точно как бы одно имя быть «больше» другой?

---

EDIT 2

Your jsFiddle нарушается, потому что ...

1. Вы ориентируетесь поля на id, однако ваши поля только не содержат name и не id. Изменить $('#fieldname') на $('[name="fieldname"]'), чтобы нанести на них name.

2. Вы сравниваете две строки с оператором сравнения, который всегда будет терпеть неудачу, потому что строки не являются числами. Вам нужно parseInt(), чтобы преобразовать строку в целое число, чтобы сравнить их ...

   parseInt($('[name="fieldname"]').val()) 
   

DEMO: http://jsfiddle.net/h4bf10vt/3/