jQuery nocon是一個非常有用的jQuery插件,它可以防止重復提交表單。
$(document).ready(function(){ $('form').noCon(); });
通過上述代碼,插件會自動為所有form表單添加noCon特性。當提交表單時,插件會將表單的提交按鈕設置為disabled屬性,防止用戶重復提交表單。
在使用jQuery nocon插件時,需要注意的是,由于插件會將提交按鈕設置為disabled屬性,因此需要將按鈕的樣式設置為不可點擊狀態,并在表單提交完成后將按鈕重新激活。
$(document).ready(function(){ $('form').noCon({ beforeSubmit: function(){ $('#submit').addClass('disabled').attr('disabled','true'); }, afterSubmit: function(){ $('#submit').removeClass('disabled').removeAttr('disabled'); } }); });
上面的代碼演示了如何在表單提交前和提交后分別操作提交按鈕的樣式。在beforeSubmit函數中,我們設置了按鈕的disabled屬性和禁用樣式;在afterSubmit函數中,我們將按鈕的disabled屬性移除,并移除禁用樣式,從而激活按鈕。
總的來說,jQuery nocon是非常方便的表單防重復提交插件,通過它我們可以很容易地實現表單的一些復雜操作,提高用戶體驗,避免不必要的誤操作。