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

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中不起作用。 就像在页面被提交的时候一样，新的文本显示在浏览器中，但没有在safari中显示。没有错误。表单被提交，但没有看到文本更改。

你能指导我吗。 〜

Answer 1

请使用下面的代码

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

Answer 2

使用

<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 3

你可以简单地修改窗体在你#submit按钮值#SubmitForm.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>