jq和ajax进行表单校验,对于新增行ID重复问题的处理
对于输入的数据进行校验:但是总是只能取到第一行的值,是因为对于新增的表格行使用的是clone函数,所以所有的表格行ID重复,如果从表格行以ID取值,则只能取到第一行的值,因此可以添加name属性,从name属性取值,(name属性是可允许重复的)通过表格行的name属性取值,具体实现如下:
表单:
save实现校验:
说明:采用框架(struts+ibatis+Spring)
jquery中$与自定义的相重复,重定义为$j,含义与作用一样
通过document.getElementByName得到的返回是数组型
双循环判断数组中是否有重复
url为要执行的action路径,
在Action的java文件中新建existsParameter.action,调用findSysParameterByEnglishName方法:
在Manager中定义该findSysParameterByEnglishName方法的接口,在ManagerImpl中实现接口:
queryForObject(”调用的对应sql中的ID为findSysParameterByEnglishName的语句“,传入SQL中的参数),从SQl中传回来的值若为NULL,则该记录不存在,若不为NULL,则已存在该英文参数名,实例化一个对象para接收从dao层返回的值
SQL语句实现查询:
parameterClass 和传进来的参数类型相对应(englishName为String)
resultClasshe 和传回去的参数类型相对应(强制转为SysParameter型被para接收)
对Action 进行配置:
该action没有设置<result>,因为该action仅仅实现校验,并不进行页面跳转,因此在添加Action时定义返回类型为void型(见上面的图)
jq和ajax进行表单校验,对于新增行ID重复问题的处理相关推荐
- $.ajax注册表单
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- 实战课【1】jQuery实现表单校验及布局
实战课[1]jQuery实现表单校验及布局 在学习完html,css,js,mysql,jdbc,Servlet,filter,ajax,maven等web基础知识后,开始进行项目实战.此文就会记录在 ...
- EelemntUI中e-form表单校验的使用以及表单校验的规则
场景 Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可. 官方示例代码 <el-form ...
- jQuery表单校验jquery.validate.js的使用
jQuery是一个快速.简洁的js库,为网站的快速开发简化了HTML文档遍历,事件处理,动画,以及Ajax交互.使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅 ...
- input失去焦点验证格式_vue2多文本框的表单校验(3)-失去焦点触发校验
vue2多文本框的表单校验(3)-失去焦点触发校验 第一步,在 子组件中 blur 事件中派发 blur @blur="blur2($event.target.value)" @i ...
- 开发指南专题十:JEECG微云快速开发平台--表单校验组件ValidForm
开发指南专题十:JEECG微云快速开发平台--表单校验组件ValidForm 10.4Validform对象[方法支持链式调用] 如示例 var demo=$(".formsub" ...
- 开发指南专题九:JEECG微云快速开发平台-表单校验组件ValidForm
开发指南专题九:JEECG微云快速开发平台表单校验组件ValidForm 10.表单校验组件ValidForm 10.1使用入门 1.引入css 请查看下载文件中的style.css,把里面Valid ...
- ajax提交表单,包括跳入的坑!
本来今天上午写了一个js执行上下文的一个了解.但是写一大半的时候出去有事,电脑关了啥都没了. 还是让我们进入正题 ajax提交表单,很简单,原生js的代码太复杂,我们就jq的去写. 创建html文件, ...
- form表单校验插件(含详细注解)
说到表单校验,第一个想起来的肯定是jquery的validate.js,该插件的确是很强大,用在项目中也很健壮,但是为什么我选择重新自己封装一个插件呢? 为什么要自己封装表单验证插件: 1.因为项目中 ...
最新文章
- Jdk8集合源码解析---ArrayList
- python中remove函数是什么意思,python中pop函数和remove函数有什么区别
- 5个酷毙的Python神器工具
- [leetcode] 874. 行走机器人模拟(周赛)
- 混沌工程将成标配?落地腾讯游戏后带来了哪些惊喜?丨Gdevops峰会
- 机器学习算法实现解析:libFM之libFM的训练过程之SGD的方法
- 吴恩达 神经网络和深度学习 第一课 第三周 (代码)planar data classify
- web开发发送短信实现最简单的接口
- (转) Dockerfile 中的 COPY 与 ADD 命令
- C#读取excel 找不到可安装的ISAM
- Linux网络编程之connect创建
- 1.MATLAB简要介绍
- 企业为什么需要一套固定资产管理系统
- 山东省第五届ACM大赛--Problem E: Full Binary Tree
- 使用Apache Tika实现内容分析
- js密码生成器小工具
- linux解压工具软件,linux 安装rar解压工具
- 前端开发工程师必读书籍有哪些值得推荐?
- 个人收款码不得用于经营收款
- python画柱状图怎么规定x轴_Python:Matplotlib 画曲线和柱状图(Code)