jQuery를 검증 플러그인이 작동하지 않습니다 저

Question

내가 검증 작업을 활성화하려면 다음 코드가 있습니다

$(document).ready(function() { 

    $("#eventForm").validate({ 
     rules: { 
      startDate: "required", 
      startTime: "required", 
      endDate: { 
       required: function (element) { 
        var endTimeValue = $('#endTime').val(); 
        return (endTimeValue != null && endTimeValue != ''); 
       } 
      }, 
      endTime: { 
       required: function (element) { 
        var endDateValue = $('#endDate').val(); 
        return (endDateValue != null && endDateValue != ''); 
       } 
      } 
     }, 
     messages: { 
      startDate: "Please enter event local start date", 
      startTime: "Please enter event local start time" 
     }, 
     errorPlacement: function (error, element) { 
      error.appendTo(element.parent().next()); 
     }, 
     submitHandler: function (form) { 
      var options = { 
       dataType: 'json', 
       success: eventCreationSuccess, 
       error: eventCreationError 
      }; 
      alert('submit'); 
      //$(form).ajaxSubmit(options); 
     } 
    }); 
}); 

그러나 검증 플러그인 제출 캐치하지 않습니다 - 실행 제출 기본.

jQuery 및 유효성 검사 플러그인 스크립트를 가져옵니다.

Answer 1

당신은 양식에게 eventForm

당신은 그것에게 이름을 부여

<form name="eventForm" id="eventForm" method="post"> 

의 ID가 아닌 ID를 제공해야합니다. 또한 pastebin.com에서 제공 한 샘플이 불완전 해 보입니다. 폼 컨트롤이 없습니다.

<form name="eventForm" method="post" id="eventForm"> 
    <input type="text" name="name" id="name" class="required"/> 
    <input type="submit" class="submit" value="Submit"/> 
</form>