Question

当用户填写表单并按提交时，表单将在提交信息时被禁用。我使用以下代码禁用表单：

$form.find('button').prop('disabled', true);

如何用加载图像替换按钮文本？

Answer 1

只做

$form.find('button').prop('disabled', true).html('<img src="yourimagesoruce">');

Answer 2

如果要将“加载图像”放入按钮，那么作为解决方案，您可以将“background-image”属性设置为按钮，并使用“加载图像”的URL。您还可以设置其他属性来定义图像的外观。

示例：

$form.find('button').prop('background-image', 'url("img/loading.gif")');

Answer 3

只需按下按钮并添加背景

即可

$('input[type=submit]').css('background', "url('please_wait2.png') no-repeat top left");

并禁用它

$('input[type=submit]').prop("disabled",true)

Answer 4

您可以使用replaceWith替换按钮

$(":submit").on("click", function (e) {
    $("form").prop("disabled", true);
    $(this).replaceWith("<img id='loadingImg' src='http://www.loadinfo.net/images/preview/11_cyrcle_one_24.gif?1384388177' />");    
});

http://jsfiddle.net/btxKc/

用图像替换文本

4 个答案: