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

时间:2016-05-30 12:10:39

标签: javascript jquery

<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中显示。没有错误。表单已提交但未看到文本更改。

你能指导我吗? 〜

3 个答案:

答案 0 :(得分:1)

使用以下代码

<script src="~/Scripts/DxDataGridCommonOptions.js"></script> // load the common options into the view
var viewOptions = { 
    dataSource: {
    .... // your view specific options
    },
    ....
};
var grid = $("#myGrid").dxDataGrid(
    $.extend(commonOptions, viewOptions) // merge the 2 sets of options
).dxDataGrid('instance');

答案 1 :(得分:1)

您只需修改#submit .submit()事件表单下的#SubmitForm按钮值:

&#13;
&#13;
$('#SubmitForm').submit((e) => {
    e.preventDefault();
    $('#submit').attr('value', 'Processing...');
});
&#13;
<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>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

请使用

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