2017-05-01 51 views
0

我想在提交表單時禁用表單。我試過,但它並沒有禁用窗體:如何使用jQuery禁用表單提交

$("#myform").prop("disabled", true); 

我正在使用jQuery/php/ajax。當用戶點擊提交時,提交按鈕被禁用,微調器顯示在按鈕中。服務器端驗證完成並顯示錯誤或發送電子郵件並顯示成功消息。在那個時候,微調者正在進行,我不希望用戶能夠改變表單上的任何東西,比如點擊另一個單選按鈕。該表格是相當快,但你永遠不知道..

+0

禁用 「形」?你的意思是禁用表單的提交按鈕?請發佈[mcve]和任何錯誤消息。 – j08691

+0

html'form'元素不包含/支持'disabled'屬性。 –

+0

對不起,我沒有正確解釋。我正在使用jQuery/php/ajax。當用戶點擊提交時,提交按鈕被禁用,微調器顯示在按鈕中。服務器端驗證完成並顯示錯誤或發送電子郵件並顯示成功消息。在那個時候,微調者正在進行,我不希望用戶能夠改變表單上的任何東西,比如點擊另一個單選按鈕。表單很快,但你永遠不知道.. – Jonathan

回答

3

我不認爲你可以「禁用」<form>元素。但是,如果其內容被包裹在一個<fieldset>,那麼你可以很容易地禁用:

<form id="myform" method="POST" action="test.php"> 
    <fieldset> 
     <input type="text"> 
     <textarea></textarea> 
     <input type="submit"> 
    </fieldset> 
</form> 

和:

$("#myform fieldset").prop("disabled", true); 

Example