首先我們載入jquery庫和jquery.form.js插件。jquery.form.js插件的官網(wǎng)地址:} 以上代碼完成了表單提交前的驗證以及提交后的處理。表單數(shù)據(jù)提交到submit.php后,我們可以根據(jù)實際情況通過submit.php檢測數(shù)據(jù)、將數(shù)據(jù)寫入數(shù)據(jù)庫,返回操作結(jié)果等等操作,本文不再列出代碼。 ajaxSubmit()提供了豐富的選項設置,我們根據(jù)使用的可能性大小進行列表,以供參考。ajaxSubmit()選項設置
屬性 | 描述 |
url | Ajax請求將要提交到該url,默認是表單的action屬性值 |
type | 指定提交表單數(shù)據(jù)的方法(method):“GET”或“POST”。默認值:表單的method屬性值(如果沒有找到默認為“GET”)。 |
dataType | 期望返回的數(shù)據(jù)類型。null、“xml”、“script”或者“json”其中之一。dataType提供一種方法,它規(guī)定了怎樣處理服務器的響應。這個被直接地反映到jQuery.httpData方法中去。下面的值被支持: 'xml':如果dataType == 'xml',將把服務器響應作為XML來對待。同時,如果“success”回調(diào)方法被指定, 將傳回responseXML值。 'json':如果dataType == 'json', 服務器響應將被求值,并傳遞到“success”回調(diào)方法,如果它被指定的話。。 'script':如果dataType == 'script', 服務器響應將求值成純文本。。 默認值:null(服務器返回responseText值) |
target | 指明頁面中由服務器響應進行更新的元素。元素的值可能被指定為一個jQuery選擇器字符串,一個jQuery對象,或者一個DOM元素。 默認值:null。 |
beforeSubmit | 表單提交前被調(diào)用的回調(diào)函數(shù)。“beforeSubmit”回調(diào)函數(shù)作為一個鉤子(hook),被提供來運行預提交邏輯或者校驗表單數(shù)據(jù)。如果“beforeSubmit”回調(diào)函數(shù)返回false,那么表單將不被提交?!癰eforeSubmit”回調(diào)函數(shù)帶三個調(diào)用參數(shù):數(shù)組形式的表單數(shù)據(jù),jQuery表單對象,以及傳入ajaxForm/ajaxSubmit中的Options對象。 默認值:null |
success | 表單成功提交后調(diào)用的回調(diào)函數(shù)。如果提供“success”回調(diào)函數(shù),當從服務器返回響應后它被調(diào)用。然后由dataType選項值決定傳回responseText還是responseXML的值。 默認值:null |
clearForm | 表示如果表單提交成功是否清除表單數(shù)據(jù)。默認值:null |
resetForm | 表示如果表單提交成功是否進行重置。默認值: null |
jquery.form插件還提供了formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等方法。通常我們可以使用表單驗證插件和jquery.form插件一起使用,效果更好。
聯(lián)系客服