2013-02-13 220 views
0
<% 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上面的代码。

回答

1

您应该简单地注册单击事件该按钮:

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

另外,我知道没有像[卡嗒一声]属性,因此,如果不设置某处,jquery将在这里找不到任何东西$('.actionButton.default[type=submit][clicked=true]')

+0

当我注册了“点击事件”它会激发我的正常“表单提交”操作吗?它发生的顺序是什么?点击后是点击还是什么? – Sampath 2013-02-13 10:12:30

+0

在实际提交之前点击。但我不认为这应该是一个问题。实际上,你可以将它改为'$(“#PetDetail”)。submit(function(){$('。actionButton.default [type = submit]')。prop(“disabled”,true);})' – 2013-02-13 10:14:50

+0

我可以使用上面提到的代码与我上面提到的我的普通html代码,还是应该更改我的html代码(表单邮政编码)?这里“#PetDetail”是表单ID吗? – Sampath 2013-02-13 10:21:43

0

尝试......

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

'$(“输入:提交”)' - 这将禁用所有提交按钮,不仅保存按钮 – 2013-02-13 10:09:53

0

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

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