javascript表单验证

一.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事件列表

在网页中不同的元素在操作过程中会激活一些不同操作。如：鼠标单击，按下键盘，失去焦点等。

三.表单验证方式——[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 正则表达式常用符号