html中有多个form标签,每一个form标签下对应一个submit,为什么未输入内容的form表单也会提交?


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

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


当我在第一个form下的

<input class="commentMsgInput" name="comment" type="text" value=""/>

输入完值后,点击对应的<input class="commentMsgSubmit" name="submit" type="submit" value=""/>
时是正常的,控制台打印如下:

但当我在第二个form下的

<input class="commentMsgInput" name="comment" type="text" value=""/>

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

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

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

<form  id="form1" class="commentForm" method="post" action="http://localhost:8088/lesson/comment.php">
<form id="form2" class="commentForm" method="post" action="http://localhost:8088/lesson/comment.php">
<form  id="form3" class="commentForm" method="post" action="http://localhost:8088/lesson/comment.php" >

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


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


$('idForm').submit

写了一个你这个问题的最小demo,发现并没有这个问题。你可以看看这个跟你写的内容有什么不一样,我猜可能是你写的form嵌套了 http://codepen.io/quietcoder/...



相关阅读:
canvas背景不透明,但内部某元素透明(类似镂空效果)
php制作中英文两版网站比较方便的思路
使用iconfont在线使用时,出现多个空格,求解答
使用pjax的时候直接跳转到页面了,不能替换页面中的某个div
gdb都能调试什么类型的文件?
这种在App加载页面前的显示是什么技术或者框架?
boostrap-table可以接收string类型吗
访客能够通过猜测的方式伪造出一个正确的session id并进行不好的行为吗?
react中const {dispatch} = this.props;
tomcat配置问题
vue-router如何将接口返回的数据传给组件初始化
为什么我的程序跑的很慢?
刚入门PHP,是否有必要学习JAVA
JS prototype原型问题
关于移动端localstorage 手机浏览器无效果
PHP中的$_REQUEST和$_POST|$_GET有什么区别??
react这个错是什么意思,要怎么解决
.htaccess 文件导致的自动加载问题
百度数据图谱的插件
用angularjs怎么获取到data对象里的HeWeather data service 3.0对象里的数据?



快速导航

Copyright © 2016 phpStudy |