jquery - 点击提交按钮后

Question

 <%  using (Html.BeginAbsoluteRouteForm("PetDetail", new { controller = "Customers", action = "SavePetSitterRestrictionsAndPermissions", ownerKey = Model.Owner.Key, petKey = Model.Key }))
        { %>

              <button type="submit" class="actionButton default">
                Save</button>

    <% }
 } %>

我有上面类似的代码。submit a form我需要disable a save button点击保存按钮后。

通过使用jquery如何做到这一点？

我尝试了如下所示的内容：

var clickedBttn=$('.actionButton.default[type=submit][clicked=true]').val()

if (clickedBttn)
{
//btton disable code here
}

但是never fires上面的代码。

Answer 1

您应该简单地为该按钮注册点击事件：

$('.actionButton.default[type=submit]').click(function(){
   $(this).prop("disabled", true);
})

另外，我对 [clicked] 属性一无所知，所以如果不在某处设置它，jquery 将在这里找不到任何东西$('.actionButton.default[type=submit][clicked=true]')

Answer 2

试试这个...

$('.actionButton').click(function(){
    $('p').text("Form submiting.....");
    $('input:submit').attr("disabled", true);   
});

Answer 3

不幸的是，简单地获取对单击按钮的文本属性的引用不会做你想做的事。一些额外的研究将在这里有所帮助。我建议阅读 click() jQuery 方法 - http://api.jquery.com/click/

$('.actionButton.default[type=submit][clicked=true]').click(function() {
    // button disable code here
    $(this).attr("disabled", true);
});