如何禁用點擊單時間後提交按鈕

我想禁用提交按鈕一旦點擊了send.this是我的提交按鈕代碼如何禁用點擊單時間後提交按鈕

<button title="<?PHP echo getTranslatedString('LBL_SAVE_ALT'); ?>" accessKey="S" class="btn btn-primary" value="<?PHP echo getTranslatedString('LBL_SAVE_LAPTOP'); ?>" id="formSave" type="submit" name="button" onclick="return checkform();">

保存詳細，這是的onclick功能碼

function checkform() { 
var incvfr = $("#invoice").val(); 
var inseridf = $("#invserial").val(); 
if (incvfr == 1) { 
    if (inseridf == '') { 
     alert("Please enter invoice number"); 
     return false; 
    } 
} else { 
    document.save.submit(); 
    document.getElementById('formSave').setAttribute("disabled", "disabled"); 
} 
}

當我禁用提交按鈕，然後形式不發送保存只是禁用按鈕如何做到這一點。當我使用禁用代碼save.submit();之後再形成提交，但保存按鈕不禁

來源

2016-09-06 phpdev

你重定向從頁面提交回來？ – madalinivascu

不，當我點擊保存的細節，在表單中沒有效果只是禁用按鈕，但我想發送表格 – phpdev

*「你好先生」*。女士，下午好。 – nnnnnn

，我可以看到你正在使用jQuery的，所以當你在以後節省您可以使用jQuery的隱藏功能隱藏您的按鈕由收發按鈕ID

function checkform(){ 
    var incvfr=$("#invoice").val(); 
var inseridf=$("#invserial").val(); 
    if(incvfr== 1) { 
    if(inseridf==''){ 
    alert("Please enter invoice number"); 
    return false; 
    } 
} else { 
    document.save.submit(); 
$("#formSave").hide(); 
} 
}

來源

2016-09-06 04:48:40 Harinder88

我不想隱藏保存按鈕只是想通過禁用。 – phpdev

嘗試使用jQuery中的one()方法，它會爲一個元素運行一次，並可能簡化您的代碼。

jQuery的解決方案：

$(function(){ 
 
    $('#formSave').one('click', function() { 
 
    $(this).attr('disabled','disabled'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input title="" accessKey="S" class="btn btn-primary" value="Save detail" id="formSave" type="submit" name="button" onclick="">

JavaScript的解決方案：

使用setAttribute()方法。

function disable(){ 
 
    document.getElementById('formSave').setAttribute("disabled", "disabled"); 
 
}

<input title="" accessKey="S" class="btn btn-primary" value="Save detail" id="formSave" type="submit" name="button" onclick="disable()">

來源

2016-09-06 05:00:53

您可以禁用使用

$("#formSave").attr('disabled',true);

或

$("#formSave").prop('disabled',true);

來源

2016-09-06 05:01:05

添加屬性禁用提交按鈕

$("#formSave").prop('disabled',true);

，如果你想恢復它使用

$("#formSave").prop('disabled',false);

來源

2016-09-06 05:02:13 JYoThI

當我使用$（「＃formSave」）。prop（'disabled'，true）;在document.save.submit（）之後;然後按鈕禁用，但形式不submt – phpdev

如何禁用點擊單時間後提交按鈕

回答

相關問題