Question

我想在点击发送后禁用提交按钮。这是我的提交按钮代码

<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中尝试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()">

Answer 2

正如我可以看到你正在使用jQuery所以当你保存之后你可以使用jQuery hide函数通过传递按钮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();
}
 }

Answer 3

您可以使用

停用提交按钮

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

或

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

Answer 4

添加属性禁用

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

如果你想恢复使用

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

单击一次后如何禁用提交按钮

4 个答案: