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

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>

The following code works in chrome .But it doesn't work in Safari . As in when the page is getting submitted the new text is shown in chrome but not in safari.there is no error. The form gets submitted but the text change is not seen .

Can you please guide me. ~

Answer 1

Use below code

 <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

You can simply modify your #submit button value under the form #SubmitForm .submit() event:

 $('#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');