jQuery .Validate（）submitHandler不工作

Question

我試圖做一個表單，當你按下按鈕它會驗證，如果驗證成功，如果將調用一個函數，將做一些事情（保存表單數據本地存儲等）。

問題是我無法獲得submitHandler來觸發該函數。這是我一直在努力的jsFiddle。

http://jsfiddle.net/JamesKrawczyk/xdo9nn48/

和代碼。

<script> 
function fireifworked() 
{ 
$('.testIfWorking').html('IT WORKED'); 
} 

$(document).ready(function() { 
    $("#form1").validate({ 
     rules: { 
      field1: "required" 
     }, 
     messages: { 
      field1: "Please specify your name" 

     }, 
     submitHandler: function(form) { 
      fireifworked(); 
     } 
    }) 



    $('#btn').click(function() { 
     $("#form1").valid(); 
    }); 
}); 
</script> 

<form id="form1" name="form1"> 
    Field 1: <input name="field1" type="text" /> 
</form> 

<div> 
    <input id="btn" type="button" value="Validate"/> 
</div> 

<div class="testIfWorking"> 
CHANGE THIS IS WORKING 
</div> 

Answer 1

按鈕必須在窗體中，並類型submit拉澤比button

<script> 
function fireifworked() 
{ 
$('.testIfWorking').html('IT WORKED'); 
} 

$(document).ready(function() { 
    $("#form1").validate({ 
     rules: { 
      field1: "required" 
     }, 
     messages: { 
      field1: "Please specify your name" 

     }, 
     submitHandler: function(form) { 
      fireifworked(); 
     } 
    }) 



    $('#btn').click(function() { 
     $("#form1").valid(); 
    }); 
}); 
</script> 

<form id="form1" name="form1"> 
    Field 1: <input name="field1" type="text" /> 
    <input id="btn" type="submit" value="Validate"/> 

</form> 




<div class="testIfWorking"> 
CHANGE THIS IS WORKING 
</div> 

Answer 2

在jQuery選擇的.丟失，它應該是$('.testIfWorking').html('IT WORKED')

Answer 3

好像jQuery是沒有聯繫。

在標題中添加此jQuery代碼開始之前：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 

有幾種方法，開始您的網站使用jQuery。您可以：

- 下載從jQuery.com

-Include jQuery的jQuery庫從CDN，像谷歌如上面的例子。