表单验证（JS）

一、JS表单基本介绍

1、概述 作用

目的：减轻服务器压力；用来传数据给服务器的时候进行验证吗，减轻负担。

2、分析

需求：

1. 不能为空
2. 字符长度
3. 正则
4. 密码是否一直
5. 焦点验证 等等等等

3、思路

输入表单数据的时候，可以用很多方式提示，比如：

1. 表单元素
2. JS的以下方法
3. 触发onsubmit事件，对获取的数据验证 等等。

二、JS事件列表

在网页中我们有很多 的方法激活元素。比如：鼠标左右键，单双击，失去焦点等等。

方式一：用属性    
如：onclick
方式二：匿名函数
元素名.onclick=function(){
   }

事件名：
onclick:单击事件
ondblclick :双击事件
onload:加载完毕
onfocus :得到焦点
onblur :失去焦点
onchange : 改变事件
onmouseover : 鼠标移上
onmouseout :鼠标移出
onsubmit : 表单提交事件

三、表单验证方式

1、tring 常见方法

indexOf(), lastIndexOf() 查找字符位置
charAt()按索引返回字符串
concat() 拼接字符串
substr()按长度截取字符串
slice()截取字符串
substring() 截取字符串
replace() 替换字符串
toUpperCase(),toLowerCase() 大小写转换

四、正则表达式

1、概述

正则表达式使用单个字符串来描述，匹配符合某一个规则额字符串搜索模式。
我们可以用正则表达式测试字符串内的模式、替换文本、从字符串中提取字符串等。

2、定义

//字面量方式：包含斜杠之间的模式
var r=/正则/;
//构造函数方式，调用RegExp对象构造函数
var r=new RegExp("正则");
//判断
var flag=r('内容');

上一章：JS与CSS的交互
下一章：jQuery（入门~选择器）