Изменить текст отправки после формы отправить

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> 

Следующий код работает в хроме. Но он не работает в Safari. Как и при отправке страницы, новый текст отображается в хроме, но не в safari.there нет ошибки. Форма отправляется, но изменение текста не видно.

Не могли бы вы направить меня. ~

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>