第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

阻止表單重定向還是在提交時(shí)刷新?

阻止表單重定向還是在提交時(shí)刷新?

慕斯709654 2019-10-16 12:54:06
我搜索了一堆頁(yè)面,但是找不到我的問(wèn)題,所以我不得不發(fā)表一個(gè)帖子。我有一個(gè)帶有提交按鈕的表單,提交后我不希望它刷新或重定向。我只希望jQuery執(zhí)行功能。形式如下:<form id="contactForm">    <fieldset>        <label for="Name">Name</label>        <input id="contactName" type="text" />    </fieldset>    <fieldset>        <label for="Email">Email</label>        <input id="contactEmail" type="text" />    </fieldset>    <fieldset class="noHeight">        <textarea id="contactMessage" cols="20"></textarea>        <input id="contactSend" class="submit" type="submit" onclick="sendContactForm()" />    </fieldset></form>        <small id="messageSent">Your message has been sent.</small>這是jQuery:function sendContactForm(){    $("#messageSent").slideDown("slow");    setTimeout('$("#messageSent").slideUp();$("#contactForm").slideUp("slow")', 2000);}我嘗試過(guò)在表單上包含和不包含action元素,但不知道我在做什么錯(cuò)。更讓我煩惱的是,我有一個(gè)完美的例子: 示例頁(yè)面如果您想實(shí)時(shí)查看我的問(wèn)題,請(qǐng)轉(zhuǎn)到stormink.net(我的網(wǎng)站),并在側(cè)邊欄顯示“向我發(fā)送電子郵件”和“ RSS訂閱”。兩者都是我正在嘗試使之工作的形式。
查看完整描述

3 回答

?
函數(shù)式編程

TA貢獻(xiàn)1807條經(jīng)驗(yàn) 獲得超9個(gè)贊

只需處理Submit事件中的表單提交,然后返回false:


$('#contactForm').submit(function () {

 sendContactForm();

 return false;

});

您不再需要提交按鈕上的onclick事件:


<input class="submit" type="submit" value="Send" />


查看完整回答
反對(duì) 回復(fù) 2019-10-16
?
弒天下

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超8個(gè)贊

這里:


function submitClick(e)

{

     e.preventDefault();

     $("#messageSent").slideDown("slow");

     setTimeout('$("#messageSent").slideUp();

     $("#contactForm").slideUp("slow")', 2000);

}


$(document).ready(function() {

    $('#contactSend').click(submitClick);

});

代替使用onClick事件,您將使用jQuery將“ click”事件處理程序綁定到j(luò)Query的Submit按鈕(或任何按鈕)上,這將以commitClick作為回調(diào)。我們將事件傳遞給回調(diào)函數(shù),以調(diào)用preventDefault,這將阻止單擊提交表單。


查看完整回答
反對(duì) 回復(fù) 2019-10-16
?
慕哥6287543

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊

如果要查看顯示的默認(rèn)瀏覽器錯(cuò)誤,例如,由HTML屬性觸發(fā)的錯(cuò)誤(顯示在任何客戶端代碼JS處理之前):


<input name="o" required="required" aria-required="true" type="text">

您應(yīng)該使用submit事件而不是click事件。在這種情況下,將自動(dòng)顯示一個(gè)彈出窗口,要求“ 請(qǐng)?zhí)顚懘俗侄?”。即使preventDefault:


$('form').on('submit', function(event) {

   event.preventDefault();

   my_form_treatment(this, event);

}); // -> this will show up a "Please fill out this field" pop-up before my_form_treatment

正如有人前面所提到的,return false將停止傳播(即,如果有附加到表單提交更多的處理程序,他們就不會(huì)被執(zhí)行),但是,在這種情況下,由瀏覽器觸發(fā)的動(dòng)作總是會(huì)首先執(zhí)行。即使以a return false結(jié)尾。


因此,如果您想擺脫這些默認(rèn)彈出窗口,請(qǐng)使用click“提交”按鈕上的事件:


$('form input[type=submit]').on('click', function(event) {

   event.preventDefault();

   my_form_treatment(this, event);

}); // -> this will NOT show any popups related to HTML attributes


查看完整回答
反對(duì) 回復(fù) 2019-10-16
  • 3 回答
  • 0 關(guān)注
  • 575 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)