Как выполнить проверку с помощью jquery.validate?

Question

Я пытаюсь использовать jquery.validate для проверки некоторых полей в модальном диалоге jquery. Чтобы практиковать, я думал, что создам простой JSFiddle, чтобы убедиться, что мой синтаксис верен. Мне что-то не хватает, надеюсь, кто-то может помочь.

Вот моя простая форма:

<form id="myform" method="post" action="#"> 
<input type="text" name="field1" /> 
<input type="text" name="field2" /> 
<input type="submit" /> 
</form> 

Вот мой JQuery:

$("#submitEdit").click(function (event) { 
    event.preventDefault(); 
Validate(); 
}); 

function Validate() 
{  
    $("#frmEdit").validate({ 
     rules: { 
      QtyOnHand: { 
       required: true 
      } 
     }, 
     messages: { 
      QtyOnHand: { 
       required: 'Qty Required' 
      } 

     } 
    }); 
} 

Answer 1

Working Fiddle Demo

Просто держать

$("#frmEdit").validate({//this will validate you don't need call validate function 
    rules: { 
     QtyOnHand: { 
      required: true 
     } 
    }, 
    messages: { 
     QtyOnHand: { 
      required: 'Qty Required' 
     } 
    } 
}); 

---

Удалить

$("#submitEdit").click(function (event) { 
    event.preventDefault();//stopping validation to occur 
} 

Problem Fiddle

Answer 2

<form id="myform" method="post" action="#"> 
     <input type="text" name="field1" /> 
     <input type="text" name="field2" /> 
     <input type="submit" /> 
    </form> 

JS:

$("#myForm").validate({ 
     rules: { 
      field1: { 
       required: true 
      }, 
      field2: { 
       required: true 
      } 
     }, 
     messages: { 
      field1: { 
       required: 'field1 Required' 
      }, 
      field2: { 
       required: 'field2 Required' 
      } 

     } 
    }); 

проверка Fiddle