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>