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>