1. 程式人生 > >表單提交相關問題

表單提交相關問題

第一種情況:

頁面大致結構

<form id="form1" method="post">

<div class="form-actions">                                 <input type="submit" class="btn btn-info" id="isread" value="提交" />                             </div>

</form>

js程式碼

$(function () {

$('#isread').click(function () {

if(true)

{

return false;

}

return true ;

})

})

第二種情況

頁面大致結構

<form id="form1" method="post">

<div class="form-actions">                                 <input type="submit" class="btn btn-info" id="isread" onclick="return fnSubmit()" value="提交" />                             </div>

</form>

js程式碼

function fnSubmit() {

if(true)

{

return false;

}

return true ;

}

第三種情況

頁面程式碼

<form id="form1" method="post" onsubmit="return fnSubmit()">

<div class="form-actions">                                 <input type="submit" class="btn btn-info" id="isread"  value="提交" />                             </div>

</form>

js程式碼和第二種情況一樣

第四種情況

類似第一種情況,不把提交按鈕設定為submit,通過設定onclick事件,在js方法中呼叫form.submit()進行提交

onclick執行優先於onsubmit,當onclick後為true,而onsubmit為false時還是不會提交

ajax的async屬性

async: false,(預設是true); 如上:false為同步,這個 方法中的Ajax請求將整個瀏覽器鎖死, 只有方法執行結束後,才可以執行其它操作。 當async: true 時,ajax請求是非同步的。但是其中有個問題:方法中的ajax請求和其後面的操作是非同步執行的,那麼當方法還未執行完,就可能已經執行了 ajax請求後面的操作,