表單提交相關問題
第一種情況:
頁面大致結構
<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請求後面的操作,