2010-04-05 3 views
2

У меня есть следующий код, чтобы включить работу проверки:JQuery плагин проверки не работает для меня

$(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 и скрипты плагина проверки импортируются.

+2

Что делает ваш HTML выглядит? –

+0

Вот он: http://pastebin.com/SmEkfmya – SiberianGuy

ответ

4

Вы должны дать вашей форме идентификатор eventForm

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

Вы дали ему имя, но не идентификатор. Кроме того, образец, который вы предоставили от 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> 
+1

Спасибо! Какая глупая ошибка :( – SiberianGuy

Смежные вопросы