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

素颜马尾好姑娘i 2023-10-18 22:58 69阅读 0赞

## 场景 ##

前端向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为：

![20190806161241906.jpg][]

name2为：

![20190806161249399.jpg][]

但是可以知道的是页面最多提交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;
     }
    }

[20190806161241906.jpg]: https://img-blog.csdnimg.cn/20190806161241906.jpg
[20190806161249399.jpg]: https://img-blog.csdnimg.cn/20190806161249399.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，69人围观）

还没有评论，来说两句吧...

相关阅读

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

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

素颜马尾好姑娘i/ 2023年10月18日 22:58/ 0 赞/ 70 阅读

相关【jquery】常用的jquery获取表单对象的属性与值

1、JQuery实现了代码的分离不用再网页中加入如：onclick之类的事件来调用函数了，直接引入JQuery类库和自己编写的JQuery代码就可以了；如： $

谁借莪１个温暖的怀抱￠/ 2023年10月16日 20:21/ 0 赞/ 39 阅读

相关获取单链表节点的个数

package algorithm.linkedlist; / @Created by XDarker @Descr

喜欢ヅ旅行/ 2023年06月07日 05:56/ 0 赞/ 58 阅读

相关数据结构统计单链表大于指定值的元素个数

本题要求实现一个函数，可统计带头结点的单链表中大于指定值的元素个数。函数接口定义： int GetLarger( LinkList L,ElemType e );

男娘i/ 2023年05月21日 10:24/ 0 赞/ 42 阅读

相关链表—获取单链表中结点的个数

如果是带头结点的链表，不统计头结点。 public static int getLength(HeroNode head) { // 判断链

雨点打透心脏的1/2处/ 2022年11月25日 11:48/ 0 赞/ 165 阅读

相关使用jquery获取指定id下面的div元素个数

使用js获取指定id下面的div元素个数 html代码 js代码 html代码 <div id="question" >

- 日理万妓/ 2022年09月06日 10:24/ 0 赞/ 224 阅读

相关 jQuery 获取子元素的个数

// 获取id=div1下的子元素的个数 $('\div1').children().length; // 获取id=div1下的span元素个数 $(

阳光穿透心脏的1/2处/ 2022年07月16日 11:49/ 0 赞/ 244 阅读

相关 jQuery实现表单提交时判断的方法

代码如下: <input type="submit" id="myBtn" /> 换成: 代码如下: <input type="button" id="my

清疚/ 2022年06月13日 08:42/ 0 赞/ 252 阅读

相关查询表中字段值的个数

`例如字段dd中存储了许多值 1,2,3,4` 则查询结果为4条 `假设表名为 ss , 要统计的字段为 dd` `select` `dd,``count``() 条数`

迈不过友情╰/ 2022年05月20日 02:51/ 0 赞/ 303 阅读

相关 js获取div中子元素的个数

一、获取div下的子元素的个数 $("div").children().length; 比如<div class="abc" style="height:

爱被打了一巴掌/ 2021年10月13日 03:49/ 0 赞/ 966 阅读