未提交我有一個包含下列的形式模態組織:形式在iPad上
<div class="modal fade" id="by-email" role="dialog" >
<div class="modal-dialog">
<div class="modal-header">
<small class="waiting"></small>
</div>
<div class="modal-content">
<form action="/test" method="post" id="form-email">
<button type="button" class="btn btn-default btn-modal" data-dismiss="modal">Cacenl</button>
<input type="submit" class="btn btn-primary btn-modal btn-send" value="Send">
</form>
</div>
</div>
</div>
而且,我使用jQuery來顯示「加載GIF」一旦用戶提交表單通過提交按鈕:
$('.btn-send').on('click', function(e){
/* with this line, I pretend to disable both buttons in order to
prevent the user click them while the form is submitted */
$('.btn-modal').attr('disabled', "disabled");
/* show the gift image */
$('.waiting').fadeIn('fast');
});
在大多數瀏覽器中它很酷。但在iPad中,表單從未提交過。根據我調試會話這是發生在iPad上:
- Submit按鈕點擊禁用
- 按鈕
- 加載圖像顯示
奇怪的是,我可以使它在iPad上工作,如果我刪除行$('.btn-modal').attr('disabled', "disabled");
,但結果按鈕沒有被禁用,也沒有顯示加載。那麼,我怎樣才能防止iPad中的這個錯誤?預先感謝您
添加'event.preventDefault();'或'返回false;'在事件處理程序 – Tushar
我認爲,我的問題是混淆。我喜歡像在其他瀏覽器中那樣在iPad中提交表單,但是使用'e.preventDefault()'只會停止要提交的表單。 – manix
該頁面將重新加載表單提交 – Tushar