点击提交按钮后

时间:2013-02-13 10:03:54

标签: jquery css asp.net-mvc-2

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

3 个答案:

答案 0 :(得分:1)

您只需为该按钮注册点击事件:

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

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

答案 1 :(得分:0)

试试这个......

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

答案 2 :(得分:0)

简单地获取对单击按钮的text属性的引用将不会执行您想要的操作。一些额外的研究将有助于此。我建议阅读click()jQuery方法 - http://api.jquery.com/click/

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