jQuery validate работает только один раз

Question

Проверка jQuery не работает, когда я пытаюсь проверить форму во второй раз. Даже если я нажимаю на любое из текстовых полей, я получаю следующую ошибку.

Не удалось получить значение «Настройки» собственности: объект является нулевым или не определено

<form id="myForm" action=""> 

    <input type="text" id="input1" name="input1" /> 
    <input type="text" id="input2" name="input2" /> 

    <button id="submit" name="submit"> 
    </button> 

</form> 

<script type="text/javascript"> 

    $('#myForm').validate({ 

     rules: { 
      input1: "required", 
      input2: "required", 
      agree: "required" 
     }, 

     submitHandler: function (form) { 
      MyFunction(); // i somehow believe the problem could be here, i have added the code below 
     } 
    }); 

function MyFunction() { 

    var firstname = $('#input1').val(); 
    var lastname = $('#input2').val(); 

    $.ajax({ 
     type: "POST", 
     url: '@Url.Action("AddCustomer", "MyController")', 
     data: "{'FirstName': '" + firstname + "','LastName': '" + lastname + "'}", 
     dataType: 'text', 
     success: function (msg) { 

      $('#myDiv').html(msg); 
     }, 
     error: function (result) { 
      alert("Error"); 
     } 
    }); 

} 

</script>    

Главная Вид где называется частичный вид.

<div id="parentDiv"> 
    @Html.Action("ActionName", "ControllerName") //the action calls the Partial View 
</div> 

Функция работает нормально. Однако есть ли что-нибудь, что мне нужно добавить, чтобы проверка выполнялась во второй раз.

form прост с некоторыми текстовыми полями и кнопкой отправки. form находится внутри частичного представления, если это имеет значение.

Дайте мне знать, если мне нужно добавить HTML-метку. Хотя я думаю, что это как-то связано с сообщением AJAX.

Answer 1

Поскольку вы не перезагружаете страницу после отправки ajax, попробуйте использовать метод resetForm, предоставляемый плагином. Хотя, я бы ожидал, что это будет работать многократно, без необходимости сброса формы. Сообщение об ошибке также не имеет никакого смысла с тем, что вы показали нам до сих пор.

http://jqueryvalidation.org/Validator.resetForm/

Попробуйте где-нибудь, как в конце вашего ajaxsuccess функции ...

$('#myForm').validate().resetForm(); 

---

EDIT:

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

http://jsfiddle.net/quyzu00h/3/