Javascript 单击输入按钮后更改其文本

我有下面的输入HTML标记

<input type="submit" id="submitForm" value="Submit" class="btn btn-primary start" autocomplete="off" onclick="submitForm();" />

---

您可以使用jquery，请参见：-

我已删除：-

onclick="submitForm();"

并补充说:-

$('#submitForm').click(function(){
    $(this).val('Please Wait...');
    submitForm()
});

function submitForm() {
    alert('Form submitted');
};

---

在submitform（）中是否有异步操作？ 如果是，则可以使用以下行

$("#submitForm").val("Please Wait");

---

在ajax调用中使用

beforeSend

选项，因此在

submitForm（）

函数中，可以执行以下操作：

function submitForm() {
  var submitForm = $("#submitForm");
  if (formValidation() === true) {
    $.ajax({
        cache: false,
        url: "URLHERE",
        async: false,
        type: 'post',
        data: { somedata: 'here' },
        beforeSend: function (){
            submitForm.val("Please wait...").attr("disabled", "disabled");
        },
        success: function (data){
            // do something
        },
        error: function (){
            // do something
        },
        complete: function () {
            // regardless of the response status (success/error) 
            // the codes below will be executed.
            submitForm.val("Submit").removeAttr("disabled");
        }
    });
  }
}

---

简单的javascript就足以做到这一点

<script>
function submitForm(){
  document.getElementById('submitForm').value="Please wait..";
}
</script>
<input type="submit" id="submitForm" onclick="submitForm()" value="Submit">

函数submitForm（）{
document.getElementById（'submitForm'）.value=“请稍候…”；
}

当然，按ID查找元素并设置其值属性。您可能还想禁用元素以避免重复提交。您尝试过什么吗？你的

submitForm（）

看起来怎么样？事情是这样的。。。当我这样做时，它不会改变值，因为按钮会冻结，直到提交表单完全完成。看起来JS线程被阻塞了，名称没有改变。@user3587624那么真正的问题是你的submitForm方法似乎被阻塞了，而不是异步的。添加了一些额外的代码，希望能有所帮助：）下面是一件事。。。当我这样做时，它不会改变值，因为按钮会冻结，直到提交表单完全完成。JS线程似乎已被阻止，且名称未更改。能否共享submitForm（）上的代码？我确信你一定有正常的回发，而不是一个不会冻结页面的异步调用。

<script>
function submitForm(){
  document.getElementById('submitForm').value="Please wait..";
}
</script>
<input type="submit" id="submitForm" onclick="submitForm()" value="Submit">