javascript - 表单提交:.submit() is not a function
迷茫
迷茫 2017-04-10 15:12:30
[JavaScript讨论组]
<!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>




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




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


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


</body>
</html>

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

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(6)
迷茫

没看出有什么问题,不过为啥不直接把input的type设为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

ringa_lee

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

迷茫

把type改成submit就可以了。。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号