JQuery的submit事件

提交表單是一個最常見的業(yè)務(wù)需求，比如用戶注冊，一些信息的輸入都是需要表單的提交。同樣的有時候開發(fā)者需要在表單提交的時候過濾一些的數(shù)據(jù)、做一些必要的操作（例如：驗證表單輸入的正確性，如果錯誤就阻止提交，從新輸入）此時可以通過submit事件，監(jiān)聽下提交表單的這個動作。

成都創(chuàng)新互聯(lián)是一家專業(yè)提供崇仁企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、H5技術(shù)、小程序制作等業(yè)務(wù)。10年已為崇仁眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進行中。

綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個事件，用的比較少。

綁定 ele元素觸發(fā)點擊操作會執(zhí)行回調(diào) handler函數(shù)。

使用與方法二一致，不過可以接受一個數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題。

通過在form元素上綁定submit事件，開發(fā)者可以監(jiān)聽到用戶的提交表單的的行為。

當(dāng)某些表單元素獲取焦點時，敲擊Enter（回車鍵）

上述這些操作下，都可以截獲submit事件。

form元素是有默認提交表單的行為，如果通過submit處理的話，需要禁止瀏覽器的這個默認行為，

傳統(tǒng)的方式是調(diào)用事件對象 e.preventDefault() 來處理， jQuery中可以直接在函數(shù)中最后結(jié)尾return false即可。

jQuery處理如下：

運行效果：

怎么使用jquery提交表單

在form表單中添加id：form id="formId"/form,

buttom按鈕進行提交，加onclick="js函數(shù)",

然后在js函數(shù)中$("#formId").submit()。

jquery表單提交數(shù)據(jù) 的幾個方法

jquery表單提交數(shù)據(jù)的方法有兩種：

一種是直接提交，調(diào)用submit()方法，

第二種是用ajax提交，ajax提交要注意講數(shù)據(jù)序列化。

比如：

1、調(diào)用submit()方法

$(表單).submit();

2、ajax提交

$.ajax({

url: url,

data: $(表單).serialize(),

type: 'post',

success: function (data) {

}

});