场景

前端向SSM后台进行提交时会提交多个对象，所以提交的是一个对象的List。所以页面上的names属性也是不确定的就比如这样：

<input type="text" name="bookInfoList[0].mobile" data-tip=" " data-valid="isNonEmpty||isMobile" data-error=" || " class="required w_60 ml_5 fl h_36em line_h_36em c_gray_777 bor_bottom bor_title_tint" value="" placeholder="手机号" />

然后是点击新增按钮时会自动追加元素。

比如这里有两个对象

name1为：

name2为：

但是可以知道的是页面最多提交5个对象。

实现

function checkMobile(){var mobileCount=0;if($("[name='bookInfoList[0].mobile']").val()!=undefined){mobileCount++;}if($("[name='bookInfoList[1].mobile']").val()!=undefined){mobileCount++;}if($("[name='bookInfoList[2].mobile']").val()!=undefined){mobileCount++;}if($("[name='bookInfoList[3].mobile']").val()!=undefined){mobileCount++;}if($("[name='bookInfoList[4].mobile']").val()!=undefined){mobileCount++;}var mobileArray = new Array();for(var i=0;i<mobileCount;i++){mobileArray[i] = $("[name='bookInfoList["+i+"].mobile']").val()}if((new Set(mobileArray)).size != mobileArray.length){//说明有重复元素$ak.alert("所有乘客手机号不能重复", {title: "信息提示",//弹窗标题button_ok: "确定",button_cancel: "取消",icon: "error", //图标类型（warning，error，info，question，success）animateIn: "bounceInDown",//弹窗显示效果animateOut: "bounceOutUp"});return false;}else{return true;}
}

Jquery中获取表单提交时不确认个数元素的个数与值的方法相关推荐

Jquery中实现表单提交到SSM后台前进行post请求实现数据的校验
场景表单中有两个输入框input在提交这个表单前需要对两个输入框进行校验. 即点击提交按钮时会经过校验的方法,此方法会post方式提交到后台,在请求后台成功后的回调方法中会对js变量进行赋值,进而决 ...
Jquery中实现表单提交前的校验
场景为了安全,通常要进行前端校验和后端校验. 前端校验一般在表单提交前实现. 实现 form表单元素添加onsubmit事件 <form id="book" action= ...
Jquery中获取表单的值并提交
今天写了一个ajax的交互,通过获取表单的值,自己组织post的方式提交. 但是却出现了提交的值为空,后来检查后发现,在提交表单的值得处理的时机有些问题. 一开始先是获取了值,然后在单击提交按钮后传值 ...
action无法传参数给html页面,HTML 解决form表单提交时，action url中参数无效问题
这篇文章主要为大家详细介绍了HTML 解决form表单提交时,action url中参数无效问题,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! ...
抓取html表单验证码,如何在jquery中利用表单获取短信验证码
如何在jquery中利用表单获取短信验证码发布时间:2021-02-18 15:42:54 来源:亿速云阅读:88 作者:Leah 这期内容当中小编将会给大家带来有关如何在jquery中利用表单获 ...
BJUI使用ajax异步表单提交时后台action要加@ResponseBody
场景在使用BJUI的ajaxform异步表单提交时,后台直接使用 @RequestMapping时不能正常回显消息. 知识储备 ajaxform异步表单提交通过data属性使用(带验证): < ...
form表单、控制器中接收表单提交数据的4种方式
Form表单这篇文章主要讲的是form表单的提交之前我们接触过的form表单元素是在Bootstrap框架里面,这次也将用到Bootstrap框架去布局(见图表1)通过Bootstrap框架布局呈 ...
在Servlet中处理表单提交的数据
Servlet的主要功能是处理客户端的表单请求数据,在Servlet中首先对这些数据进行验证,可能会封装到JavaBean,接下来调用数据库的业务逻辑方法将数据保存或者进行其他操作,最后Servlet ...
php+获取jq表单数据类型,jquery怎么获取表单标签值
在日常开发过程中,有许多用到表单的地方.比如登录,注册,比如支付,填写订单,比如后台管理等等. 使用jQuery来获取表单的值是比较常见的做法. 常见表单单行文字域: 密码域: 单选:男女男女 ...

Jquery中获取表单提交时不确认个数元素的个数与值的方法

场景

实现

Jquery中获取表单提交时不确认个数元素的个数与值的方法相关推荐

最新文章

热门文章