Как отключить кнопку отправки после щелчка один раз

Question

Я хочу, чтобы отключить кнопку отправки, когда он нажал на 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(); затем отправки формы, но сохранить кнопку не отключить

Answer 1

Как я могу убедиться, что вы используете JQuery так, когда вы сохраняете после этого вы можете использовать функцию скрыть JQuery, чтобы скрыть кнопку пропускания идентификатора кнопки

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(); 
} 
} 

Answer 2

Попробуйте one() метод в JQuery, он будет работать один раз для элемента и может упростить код.

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()">

Answer 3

Вы можете отключить кнопку отправки с помощью

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

или

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

Answer 4

добавить свойство отключить

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

если вы хотите вернуть его использовать

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