Question

提交后是否可以更改提交按钮上的文字？示例按钮的单词为Submit，在用户提交表单后，该按钮现在将显示Done。如果是这样，它是如何完成的？

谢谢！

Answer 1

如果你正在使用AJAX来处理表单，你可以简单地在$.ajax jQuery方法的成功回调中更改按钮文本，如下所示：

$.ajax({
    ...
    success: function(data){
        ...
        // If using an <input/> as the submit button
        $('BUTTON_SELECTOR').prop('value', 'Done');

        // If using a <button/> as the submit button
        $('BUTTON_SELECTOR').text('Done');
        ...
    }
    ...
});

我希望这有帮助！

Answer 2

是的，有可能＆amp;你可以用这个完成它：

<form name="MyForm">
<input type=button name="b1" value="Submit" onclick="javascript:document.MyForm.b1.value='Done'">
</form>

FIDDLE EXAMPLE HERE

Answer 3

$('#id_of_button').click(function( event ) {
    $('#id_of_button').prop('value', 'Text you want to change to');
});

编辑：实际上，更好的解决方案可能是将其绑定到表单的提交处理程序。

Answer 4

我们可以使用以下代码进行操作。带有微调图标的提交按钮将变为“正在上传，请稍候...”。

<button name='button' type='submit' class='btn btn-primary right' data-disable-with="<i class='fa fa-spinner fa-spin'></i>Uploading please wait...">Save</button>

提交后更改提交按钮上的文本

4 个答案: