2013-03-12 37 views
-1

我得到这个代码here上点击更多提交按钮禁止使用jQuery,不工作

它工作正常,只要禁用和替换Submit按钮进入,但不会提交表单。我的表单使用'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> 
+1

在这里发表您的html代码 – Techie 2013-03-12 08:18:17

+1

请**编辑您的问题**并添加HTML代码,而不是使用评论 – 2013-03-12 08:19:55

+0

@TomWalters我这样做是为他:-) – Techie 2013-03-12 08:20:41

回答

2

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

$('form').on('click', '.button', function() { 
    $('.holder').append("DONT DOUBLE CLICK ANYTHING IN A BROWSER"); 
    $('#frmArchiveConfirm').submit(); 
    $('.button').remove(); 
}); 
+0

所以我需要用class =”form“标记窗体呢? – 2013-03-12 08:27:27

+0

不,选择器'form'选择所有'

'元素,如果你只想在你的问题中选择表单,你可以使用ID选择器'#frmArchiveConfirm'。 [这篇文章](http://sunali.com/2010/02/03/introduction-to-jquery-and-jquery-selectors/)是对选择器和jQuery的一个很好的介绍。 – 2013-03-12 08:30:48

+0

谢谢汤姆,表单似乎做了一些事情(当我点击提交时,鸡蛋计时器现在出现),但它只替换提交按钮,表单试图做一些事情,然后按钮重新出现)我检查了数据库表格isn'提交数据。请注意,此提交路径工作正常,直到我添加代码来尝试并停止双击。 – 2013-03-12 08:35:03

0

对于您的jQuery代码工作,你应该包括frmArchiveConfirm到jQuery代码如下所示。

$('#frmArchiveConfirm').submit();

人换掉$('.form').submit();如果你只在页面有一个形式只是利用$('form').submit();

当你遇到错误这样不要忘了利用萤火虫或浏览器开发工具。您可以轻松找出代码中的错误和错误。

+0

我已经在原帖中解释过我试过了,无济于事 – 2013-03-12 08:26:53

+0

试试$('form ')。提交(); – Techie 2013-03-12 08:27:59