表单提交:.submit() is not a function

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

</head>
<body>


<form id="form" method="post" action="/test2.php">
    <input type="text" name="tags[2]">
    <input type="text" name="tags[4]">
    <input type="text" name="hello">
    <input id="submit" type="button" value="submit">
</form>




<div>
    <?php print_r($_POST); ?>
</div>




<script src="/js/jquery-1.11.2.min.js"></script>


<script>
$('#submit').click(function(){
    
    $('#form').submit();
   
});
</script>


</body>
</html>

我将一个类型为type的button给了id值submit,网上搜了下,好像是这样做不行,不知道可以怎样解决呢?

阅读 9.4k
6 个回答

没看出有什么问题,不过为啥不直接把input的type设为submit

id="submit" 这样不对,关键字冲突了

我觉得题主这样写是没有明白Jquery中submit这个方法的含义,我的理解就是这个方法的意思就是在提交表单这个事件发生时,响应绑定的事件,$(selector).submit(function(){});其中的selector就是这个表单,表单的提交还是要靠表单中type等于submit的input标签来完成。然而题主的html的表单中并没有submit这个input,所以表单都没有提交上,更不提能触发submit中绑定的函数。
补充,上面说了submit是方法,准确说应该是个事件,和click是一样的。

<input type="text" name="tags[2]"> <input type="text" name="tags[4]"> <input type="text" name="hello"> 提交 <script src="/js/jquery-1.11.2.min.js"></script> <script> $('#submit').click(function(){ $('#form').submit(); }); </script>

这样,再或者

<input type="text" name="tags[2]"> <input type="text" name="tags[4]"> <input type="text" name="hello"> <button id="submit">提交</button>

看JQuery API文档的官方示例:submit

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题