【问题标题】:jQuery post form onclick (div) [closed]jQuery发布表单onclick(div)[关闭]
【发布时间】:2013-05-23 11:29:35
【问题描述】:

编辑!

我可以将此javascript更改为点击功能吗?当点击 div id "foo" 时?

HTML

<form id="mall" action="" method="post">
<input name="title" type="text" />
<input name="email" type="text" />

<div id="foo">Click on me to submit</div>
</form>

Javascript

这适用于普通的提交按钮。我可以将其作为 .click 函数添加到 div 吗?

<script type="text/javascript">
    $(document).ready(function(){
        $("#mall").validate({
            submitHandler: function(form) {
                $.post('process.php', $("#mall").serialize(), function(data) {
                    $('#results').html(data);
                });

            }
        });
    });
    </script>

【问题讨论】:

  • 为什么需要不同的按钮
  • 我不确定你想要达到什么目的,但我认为这不会带来好的用户体验
  • 你有什么问题?

标签: javascript jquery forms post


【解决方案1】:

更新到编辑:

我认为您的代码有点尴尬,您应该使用 &lt;button&gt;Click me to submit&lt;/button&gt;&lt;input type="submit" value="Click me" /&gt; 而不是 div 但我正在为您提供问题的解决方案

$("#foo").click(function(){
  $(this).closest("form").submit()
});

【讨论】:

  • 谢谢!但它没有用。请查看我的编辑
  • @HundkartanJonas 已更新,请注意通常情况下您应该使用&lt;input type="submit" /&gt; 按钮,但您可能有其他意图,所以我按原样回答您的问题
猜你喜欢
  • 2014-02-25
  • 2015-07-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-17
  • 2012-12-17
  • 2016-06-21
相关资源
最近更新 更多