jquery.validate를 사용하여 유효성 검사를 수행하는 방법은 무엇입니까?

Question

jquery.validate를 사용하여 jquery 모달 대화 상자의 일부 필드의 유효성을 검사하려고합니다. 연습하려면 내 구문이 올바른지 확인하기 위해 간단한 JSFiddle을 만들 것이라고 생각했습니다. 나는 뭔가 빠졌어, 누군가가 도울 수 있기를 바랍니다.

$("#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 : 여기서

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

JQuery와 내이다 : 여기

내 간단한 형태

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

     } 
    }); 

체크 Fiddle