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


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

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

    html代码:

    企业信息
    +

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

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

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

  • 相关阅读:
    ES6 --》JS运算符及数组扩展方法
    java计算机毕业设计线上文具销售系统源程序+mysql+系统+lw文档+远程调试
    将小部分源码设计精髓带入到开发中来(工厂模式、适配器模式、抽象类、监听器)
    LVS-NAT模式【案例实验】
    Linux教程:如何安装redis服务并搭建三主三从集群部署环境
    【算法集训暑期刷题营】7.5日题---双指针
    Python MQTT订阅消息QOS=1的注意点
    冷知识:SSD或U盘或FLASH闪存要温度高通电使用,温度低断电保存,数据才能更久不丢失!
    野火A7学习第九次(流水灯和呼吸灯相关)
    第四章 文件管理 九、文件系统的层次结构
  • 原文地址:https://blog.csdn.net/liuliuhelingdao/article/details/127748524