前言

在前面的文章中我们并没有对表单提交的数据做校验，本文主要以添加用户为例介绍如何对表单数据添加校验。

前端页面

首先把原先的提交按钮换掉，设置一个点击函数

为表单数据添加非空和格式校验

     function sub(){var userName = $("#userName").val();var realName = $("#realName").val();var password = $("#password").val();var confirmPassword = $("#confirmPassword").val();var email = $("#email").val();var phone = $("#phone").val();if(userName == ""){alert("用户名不能为空");return false;}reg = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/;if(!reg.test(userName)){alert("用户名需以字母开头，长度在5~16之间，只能包含字母、数字和下划线！");return false;}if(realName == ""){alert("真实姓名不能为空");return false;}reg =/^[\u4e00-\u9fa5]{2,4}$/;if (!reg.test(realName)) {alert("真实姓名只能为汉字！");return false;}if(password == ""){alert("密码不能为空");return false;}reg = /^[a-zA-Z]\w{5,17}$/;if (!reg.test(password)) {alert("密码需以字母开头，长度在6~18之间，只能包含字母、数字和下划线！");return false;}if(confirmPassword == ""){alert("重复密码不能为空");return false;}if(confirmPassword != password){alert("重复密码与密码不一致");return false;}if (phone == "") {alert("电话不能为空！");return false;}reg = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;if (!reg.test(phone)) {alert("电话格式不正确！");return false;}if (email == "") {alert("邮箱不能为空！");return false;}reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;if (!reg.test(email)) {alert("邮箱格式不正确！");return false;}$("#userForm").submit();}

测试

SSM项目实战之二十四：表单数据校验相关推荐

（转载）Android项目实战（二十八）：使用Zxing实现二维码及优化实例
Android项目实战(二十八):使用Zxing实现二维码及优化实例作者:听着music睡字体:[增加减小] 类型:转载时间:2016-11-21 我要评论这篇文章主要介绍了Android项 ...
Android项目实战（二十二）：启动另一个APP or 重启本APP
Android项目实战(二十二):启动另一个APP or 重启本APP 原文:Android项目实战(二十二):启动另一个APP or 重启本APP 一.启动另一个APP 目前公司项目需求,一个主AP ...
Android项目实战（二十）：浅谈ListView悬浮头部展现效果
Android项目实战(二十):浅谈ListView悬浮头部展现效果原文:Android项目实战(二十):浅谈ListView悬浮头部展现效果先看下效果:需求是滑动列表 ,其中一部分视图(粉丝数 ...
[转]【无私分享：ASP.NET CORE 项目实战（第十四章）】图形验证码的实现
本文转自:http://www.cnblogs.com/yuangang/p/6000460.html 目录索引 [无私分享:ASP.NET CORE 项目实战]目录索引简介很长时间没有来更新博客 ...
Vue + Spring Boot 项目实战（二十二）：生产环境初步搭建
重要链接: 「系列文章目录」「项目源码(GitHub)」本篇目录前言一.虚拟机与 CentOS 安装二.MySQL 服务部署 1.虚拟机克隆及网络配置 2.MySQL 安装 3.MySQL ...
Android项目实战（二十六）：蓝牙连接硬件设备开发规范流程
前言: 最近接触蓝牙开发,主要是通过蓝牙连接获取传感器硬件设备的数据,并进行处理. 网上学习一番,现整理出一套比较标准的操作流程代码. 如果大家看得懂,将来只需要改下硬件设备的MAC码和改下对 ...
【ES从入门到实战】二十四、全文检索-ElasticSearch-整合-SpringBoot整合high-level-client
接第23节五.Elasticsearch-Rest-Client Java 操作 ES 的两种方式: 1) .9300:TCP (我们不在9300操作,官方也不建议) spring-data-ela ...
Flutter 项目实战自定义选择器十四
《树莓派项目实战》第十四节使用L298N驱动板模块驱动直流电机（马达）
目录 14.1 L298N引脚介绍 14.2 连接到树莓派 14.3 编写代码驱动直流电机 14.4 控制电机转动方向

SSM项目实战之二十四：表单数据校验

表单数据校验

前言

前端页面

测试

SSM项目实战之二十四：表单数据校验相关推荐

最新文章

热门文章