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