2013-03-05 84 views
8

我有一個「形式」與很多投入,並在提交按鈕,我將其稱爲操縱信息,並通過AJAX發送到PHP文件中的JavaScript功能..jQuery驗證不形標記

我可以添加一個形式標籤沒有動作url驗證我的「表單」與jquery驗證?或者我必須手動進行驗證?

謝謝!

+0

我已經不是完全回答你非常基本的問題更多,提供工作的例子。如果你想知道爲什麼自己的代碼被破壞的具體答案,你將不得不**顯示代碼**。 – Sparky 2013-03-05 21:46:54

回答

5

「我有一個‘形式’與很多投入,並在提交按鈕,我調用JavaScript函數,操作信息,並通過AJAX發送到PHP 文件 」

這是絕對要求您有用於jQuery Validate插件的<form></form>標籤才能正常工作,或根本沒有問題。

如果您使用ajax,您必須put your ajax inside the submitHandler of the jQuery Validate plugin。請參閱下面的示例。

「我可以添加一個沒有動作url的表單標籤來驗證我的」表單「與jquery驗證?」

是的,你可以刪除或阻止action,仍然使用jQuery驗證。

觀看演示:http://jsfiddle.net/NEPsc/3/

把你ajax並在submitHandler一個return false並且不會發生定期提交:

$(document).ready(function() { 

    $('#myform').validate({ // initialize plugin 
     // your rules & options, 
     submitHandler: function(form) { 
      // your ajax would go here 
      return false; // blocks regular submit since you have ajax 
     } 
    }); 

}); 

編輯

按OP的評論,使用input type="button"而不是input type="submit",您需要使用click處理程序。 不需要任何內嵌JavaScript。完全刪除onClick函數。

見更新演示:http://jsfiddle.net/NEPsc/5/

+2

「絕對需要您有

標籤才能使jQuery Validate插件正常工作,或根本沒有問題。」 這是一個完整的bug,當我的HTML在ASP.NET應用程序中提供時,它全部用'
'標籤包裝,以使代碼隱藏的東西起作用。我的嵌入式''被剝離出來,當jquery有機會查看它時,它不在DOM中。 – Neek 2016-10-10 07:35:35