• form表单提交,jQuery对输入内容进行验证


         之前有一个需求是同一个form表单可以提交多组某个字段的数据,至于为什么说‘组’呢,因为那个字段的数据又分成几个字段去存储,之前我想着用form套form去做,后来发现这个思路不通,于是乎,做了多组数据,通过DOM元素name属性的结尾后缀进行区分对应是那一组的数据。继续,为了符合用户使用习惯,不至于提交代码后台验证不通过打回去,此时用户输入的内容就不存在了,因此,我需要加一层前台js验证,下面是代码,方便以后复用。其中需要注意的是,前台验证并不能代替后端服务器验证,因为前台代码可以通过审查元素删除、改写,因此存在绕过安全验证的风险。

           大家可能会怀疑我为啥说啰嗦半天说这么多有的没的,一方面是给小白看,方便他们看懂,另一方面,是为了凑够150个字,不然不允许发表。好了,大家继续看代码吧!

    html代码:

    企业信息
    +

    jQuery代码(验证的都是主要业绩里的元素):

    注:此代码可以添加1~2组主要业绩,以后可以无限制添加了再更新一版,望大家斧正!给我思路也好^_^

    另外我还有一个问题想想向大家请教,关于下面的jQuery验证的问题,细心的同学可以发现真正有用的的是name属性后缀为1的,后缀为2的基本是完全复用1的验证代码,有什么方法能够做到所谓的"自动验证"么?

  • 相关阅读:
    计算机毕设(附源码)JAVA-SSM基于web的企业人事管理系统
    VM ware中Linux连网
    AUTOSARCAN-Tp协议
    macbook本地部署 pyhive环境连接 hive用例
    第三章 :Spring Boot开发RESTful API
    doris通关之概念、架构篇
    基于数组寻址的SCL算法实现S7-1200_1500中的配方功能Recipe
    java源码系列:HashMap底层存储原理详解——2、技术本质-原理过程-数据结构
    java批量消费队列(BlockingQueue)中的数据
    Leetcode-462. 最少移动次数使数组元素相等 II
  • 原文地址:https://blog.csdn.net/liuliuhelingdao/article/details/127748524