一.JavaScript表单验证基本介绍
1.1 js表单验证概述
- 表单验证是javascript中的最高选项之一。
- javascript可用来在数据被送往服务器前对HTML中的输入数据进行验证。
1.2 js表单验证的作用
- 减轻服务器的压力
- 保证输入的数据符合要求
1.3 js表单验证内容
1.日期是否有效或日期格式是否正确。
2.表单元素是否为空。
3.用户名和密码。
4.E-mail地址是否正确。
5.身份证号码等格式是否正确。
1.4 js表单验证思路
当输入的表单数据不符合要求时，可以使用以下方法进行提示：
1.获得表单元素值。
2.使用JavaScript的方法对数据进行判断。
3.当表单提交时，触发onsubmit事件，对获取的数据进行验证。
1.5 js表单验证的处理方式
- string对象提供的方法。
- 正则表达式。
二.JavaScript事件列表
在网页中不同的元素在操作过程中会激活一些不同操作。如：鼠标单击，按下键盘，失去焦点等。
| 事件名 | 作用 |
| onclick | 单击事件 |
| ondblclick | 双击事件 |
| onload | 加载完毕 |
| onfocus | 获得焦点 |
| onblur | 失去焦点 |
| onchange | 改变事件 |
| onmouseover | 鼠标移上 |
| onmouseout | 鼠标移出 |
| onsubmit | 表单提交事件 |
三.表单验证方式——[string]
string常见方法
indexof（），lastindexof（）查找字符位置 char At（）按索引返回字符串 concat（）拼接字符串 substr（）按长度截取字符串 substring（）截取字符串 replace（）替换字符串 toUppercase（），toLowercase（）大小写转换
四.表单验证方式二[正则表达式]
4.1 正则表达式概述
- 正则表达式适用单个字符串来描述，匹配一系列符合某个句法规则的字符串搜索模式
- 用某种模式去匹配一类字符串的公式
通过使用正则表达式，可以：
1.测试字符串内的模式。
2.替换文本。
3.从字符串中提取字符串。
4.2 定义方式
//字面量方式，其由包含在斜杆之间的模式组成，如下所示： var re = / ab+c /; //构造函数方式，调用RegExp对象的构造函数，如下所示： var re = / new RegExp (" ab+c ")/; var regex=/ 正则规则 /; //调用方法判断是否满足要求 var flag = regex.test( '内容' );
4.3 正则表达式常用符号
| 符号 | 描述 |
| /…/ | 代表一个模式的开始和结束 |
| ^ | 匹配字符串的开始 |
| $ | 匹配字符串的结束 |
| \s | 任何空白字符 |
| \S | 任何非空白字符 |
| \d | 匹配一个数字字符，等价于[0-9] |
| \D | 除了数字之外的任何字符，等价于[^0-9] |
| \w | 匹配一个数字，下划线或字母字符，等价于[A-Za-z0-9] |
| \W | 任何非单字字符，等价于[^a-zA-Z0-9] |
| . | 除了换行符之外的任意字符 |
| {n} | 匹配前一项n次 |
| {n,} | 匹配前一项n次，或者多次 |
| {n,m} | 匹配前一项至少n次，但是不能超过m次 |
| ？ | 匹配前一项0次或者1次，也就是说前一项是可选的，等价于{0,1} |
