表单提交后更改提交按钮文本

Question

<script src="http://code.jquery.com/jquery-1.11.1.js"></script>

<script>
$(document).ready(function () {
    $("#submit").click(function(event){
        $('#submit').val('Processing …');
        $('SubmitForm').submit();
    });  
});  
</script>
<form  id="SubmitForm" action="/scripts/t.php" method="POST" enctype="multipart/form-data" accept-charset="utf-8" data-abide >
 <input  type="submit" value="Submit"  id='submit'>

</form>

以下代码可在chrome中使用，但不适用于Safari。 就像在提交页面时一样，新文本以chrome形式显示，而不以safari显示。没有错误。 提交表单，但看不到文本更改。

你能指导我吗？ 〜

Answer 1

使用以下代码

 <script src="http://code.jquery.com/jquery-1.11.1.js"></script> <script> $(document).ready(function () { $("#submit").click(function(event){ $('#submit').val('Processing …'); $('SubmitForm').submit(); }); $('form').submit(function(event){ alert("form submitted"); $('#submit').val('submitted'); }); }); </script> <form id="SubmitForm" action="/scripts/t.php" method="POST" enctype="multipart/form-data" accept-charset="utf-8" data-abide > <input type="submit" value="Submit" id='submit'> </form> 

Answer 2

您可以简单地以#SubmitForm .submit（）事件的形式修改#submit按钮的值：

 $('#SubmitForm').submit((e) => { e.preventDefault(); $('#submit').attr('value', 'Processing...'); }); 

 <script src="http://code.jquery.com/jquery-1.11.1.js"></script> <form id="SubmitForm" action="/scripts/t.php" method="POST" enctype="multipart/form-data" accept-charset="utf-8" data-abide > <input type="submit" value="Submit" id='submit'> </form> 

Answer 3

请用

 $('#submit').attr('value', 'new value');