javascript - html中有多个form标签,每一个form标签下对应一个submit,为什么未输入内容的form表单也会提交?
高洛峰
高洛峰 2017-04-11 10:35:17
[JavaScript讨论组]

我在一个html页面中有以下三个完全重复的form表单(三个form表单主要是为了显示不同的内容):
html:

我是利用ajax将form表单的值提交到后台的:
js:


当我在第一个form下的

输入完值后,点击对应的
时是正常的,控制台打印如下:

但当我在第二个form下的

输入值并进行对应的submit提交时,出现了如下问题:

即此时未出入值的第一个表单也进行了提交.

我也尝试过给每一个form都添加一个id:
如下:

但是输入的结果和之前未加id的一样呢。

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
PHPz

你这写法有问题 $("form") 选中了页面中所有的表单呀!

PHP中文网
$('idForm').submit
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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