這篇文章主要介紹了jquery提交form表單時禁止重復提交的方法,需要的朋友可以參考下
成都創(chuàng)新互聯(lián)公司長期為上1000家客戶提供的網(wǎng)站建設服務,團隊從業(yè)經(jīng)驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為工農(nóng)企業(yè)提供專業(yè)的網(wǎng)站建設、做網(wǎng)站,工農(nóng)網(wǎng)站改版等技術服務。擁有十余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
代碼如下:
$(document).ready(function()
{
$('form').submit(function()
{
if(typeof
jQuery.data(this,
"disabledOnSubmit")
==
'undefined')
{
jQuery.data(this,
"disabledOnSubmit",
{
submited:
true
});
$('input[type=submit],
input[type=button]',
this).each(function()
{
$(this).attr("disabled",
"disabled");
});
return
true;
}
else
{
return
false;
}
});
});
通過對滑動事件(touchmove)設置e.preventDefault()和e.stopPropagation()函數(shù)實現(xiàn)功能。以及禁止解除,即把touchmove改成touchstart即可。
具體實現(xiàn)思路及代碼如下:
1、打開一個HTML頁面,頁面只有一個h標簽,并在瀏覽器打開開發(fā)者調(diào)試界面。安卓和IOS調(diào)試均正常。
2、添加關鍵函數(shù),滑動時輸出字符。(此時,將e.preventDefault()和e.stopPropagation()兩個函數(shù)注釋)
3、此時,開發(fā)者工具console輸出:
4、此時,將第三步的注釋去掉,將正常的console注釋,如下:
5、此時的頁面輸出如下:(滑動時返回錯誤)
擴展資料:
js移動端事件:
1、touchstart:當手指觸摸屏幕時觸發(fā);即使已經(jīng)有一個手指放在了屏幕上也會觸發(fā)
2、touchmove:當手指在屏幕上滑動時連續(xù)地觸發(fā)。在這個世界發(fā)生期間,調(diào)用preventDefault()可以阻止?jié)L動。
3、touchend:當手指在屏幕上移開時觸發(fā)。
4、touchcancel:當系統(tǒng)停止跟蹤觸摸時觸發(fā)。
上面這幾個事件都會冒泡,也都可以取消。
雖然這些觸摸事件沒有在DOM規(guī)范中定義,但它們卻是以兼容DOM的方式實現(xiàn)的。因此,每個觸摸事件的event對象都提供了鼠標事件中常見的屬性:
bubbles,cancelable,view,clientX,clientY,screenX,screenY,detail,altKey,shiftKey,ctrlKey和metaKey。
除了常見的DOM屬性外,觸摸世界還包含下列三個用于跟蹤觸摸的屬性。
1、touches:表示當前跟蹤的觸摸操作的Touch對象的數(shù)組。
2、targetTouches:特定于事件目標的Touch對象的數(shù)組。
3、changedTouches:表示字上次觸摸以來發(fā)生了什么改變的Touch對象的數(shù)組。
[img]jQuery阻止提交表單實現(xiàn)方法有以下兩種。
方法一:
$(function () { $("input[type=submit]").click(function (event) { //如果不滿足表單提交的條件,阻止提交表單 if () { event.preventDefault(); } else { location.href = '跳轉(zhuǎn)到成功提交表單后的頁面'; } }); })
方法二:
在 form 表單中設置 action 屬性,然后將 input 的類型 type = "submit" 改為 type = "button",然后在提交表單時執(zhí)行以下jq代碼。
$(function () { $("#submitButton").click(function (event) { //如果不滿足表單提交條件,返回false if () { return false; } else { return true; //滿足提交表單的條件則返回true } }); })
by三人行慕課
1、jquery 監(jiān)聽頁面滾動使用的方法:.scroll()。
2、新建一個HTML文檔,定義body的高度。
3、創(chuàng)建JS腳本,使用.scroll() 方法監(jiān)聽頁面滾動。
4、如果頁面發(fā)生滾動,則執(zhí)行函數(shù),彈出一個hello。
5、保存文件,查看.scroll()監(jiān)聽頁面滾動的效果。
userName=new JTextField();
userName.setEditable(false);// false為不能編緝,true為能
另外最好在使用的時候配在顏色
if(不能編緝)
userName.setBackground(Color.gray);//如果不能編緝就用灰色
else
userName.setBackground(Color.white);//如果不能編緝就用白色