Question

我在选择表单中的元素时遇到问题。代码如下所示：

    <div id="form"> 
        <form method="post" action="">
            <input id="txt_name" type="text" name="search" value="" />        
        <button type="submit">Search</button>
       </form>
    </div>

我需要在按钮上处理点击/提交事件，使用如下的jquery：

<script type="text/javascript">
      $(document).ready(function () {
          $(":submit").click(function () { /*some scripting here*/

问题是click事件被完全忽略但是当我将button元素放在表单之外时，它工作得很好。看来我没有正确使用jquery选择器或其他东西。此外，我不能只将按钮放在表单之外，因为post方法由服务器端C＃脚本处理并运行数据库访问。

Answer 1

您可以使用'submit'事件（jQuery Submit）。为表单提供ID并选择表单，或者只是选择它现在的样式。

//added an id of ='form-id' to the form
$('#form-id').submit(function(){

});

//as it is currently
$('#form form').submit(function(){

});

JSFiddle

Answer 2

另一种方法是给你的button id并说出如下内容：

$(document).ready(function () {
      $("#idOfSubmitButton").click(function () { /*some scripting here*/

Answer 3

$('div#form form').submit(function() { });

jQuery：表单中按钮的选择器

3 个答案: