表單提交後更改提交按鈕文本

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>