使用Jquery单击更多提交按钮禁用,不起作用

时间:2013-03-12 08:16:12

标签: javascript jquery forms get

我收到了此代码here

只要禁用和替换“提交”按钮,它就能正常工作,但它不会提交表单。我的表单使用'get'方法并将数据提交到另一个页面。

 <script type="text/JavaScript">
    $('.button').click(function() {
        $('.button').remove();
        $('.holder').append("DONT DOUBLE CLICK ANYTHING IN A BROWSER");
        $('.form').submit();
    });
    </script> 

我已经尝试过大多数事情,包括将.form更改为我的表单的id,仍然没有快乐,任何想法都会有所帮助。

HTML代码

<form action="liftingConfirm.asp" method="get" id="frmArchiveConfirm">
<input name="con_id" type="hidden" id="con_id" value="<%=request.querystring("con_id")%>" />
<input name="sub_id" type="hidden" id="sub_id" value="1" />
<input name="liftingDate" type="hidden" id="liftingDate" value="<%=Session("currentUSDate")%>" />
<div class="holder"><input name="btnConfirm" type="submit" class="button" id="btnConfirm" value="Start New Lifting Gear Examination"  /></div>

2 个答案:

答案 0 :(得分:2)

您使用了错误的选择器,.form正在寻找类<form>的{​​{1}}。此外,您应该使用on()语法:

form

答案 1 :(得分:0)

要使jQuery代码正常工作,您应该将frmArchiveConfirm包含在您的jQuery代码中,如下所示。

$('.form').submit();替换为$('#frmArchiveConfirm').submit();

否则如果您在页面中只有一个表单,请使用$('form').submit();

当你遇到这样的bug时,不要忘记使用firebug或浏览器开发工具。您可以轻松找出错误以及代码中的错误。