Jquery - 禁用按钮onsubmit并更改按钮名称

时间:2015-01-08 17:56:13

标签: javascript jquery ajax

单击时使用ajax禁用网页上的按钮,并更改按钮名称。我现在正在将我的网站转换为应用程序,但似乎相同的代码在jquery mobile中不起作用。

$(document).ready(function(){
    $("form").on('submit',function(event){ 
        event.preventDefault();

        // Disable submit button on this specific form
        $('.btn-style1', this).val('Inserted').prop('disabled', true);

        data = $(this).serialize();

        $.ajax({
        type: "POST",
        url: "new_user.asp",
        data: data
        }).success(function() {



            $("input[type=text]").val("");

        });
    });
});

任何帮助?

1 个答案:

答案 0 :(得分:0)

试试这个:

$(this).find('.btn-style1').val('Inserted').prop('disabled', true);

如果文字没有改变

,请尝试使用文字而不是val

<强>更新

http://jsfiddle.net/ua0dqo7k/1/

$("#change").click(function(){
    $("#test1").text("asdads");
    $("#test2").val("asdads");
    $("#test3").val("asdads");
});