2

提交后是否可以更改提交按钮上的文本？示例按钮包含单词提交，并且在用户提交表单后，按钮现在将显示完成。如果是这样，它是如何完成的？

谢谢！

4

4 回答 4

4

如果您使用 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');
        ...
    }
    ...
});

我希望这有帮助！

于 2014-03-25T16:49:31.243 回答
1

是的，这是可能的，您可以这样做：

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

小提琴示例在这里

于 2014-03-25T16:47:48.900 回答
0 
$('#id_of_button').click(function( event ) {
    $('#id_of_button').prop('value', 'Text you want to change to');
});

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

于 2014-03-25T16:45:50.417 回答
0

我们可以使用下面的代码来做。它会将提交按钮设置为“正在上传，请稍候...”，并带有微调器图标。

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

于 2018-08-17T04:45:55.093 回答