Jquery:一个javaScript类库 注册验证案例

Jquery:一个javaScript类库 注册验证案例

 

注册验证:

1.鼠标放到email框会提示信息

2.鼠标离开就会检测用户所填写的信息

3.提示信息是灰色字体,检测之后如果失败是红色的字体 

4.检测正确为一个绿色的对勾

Jquery:一个javaScript类库 注册验证案例

5.提交的时候要做检测

6.检测正确的话可以让其提交

 

Jquery:一个javaScript类库 注册验证案例

1.提交去哪里    2.绑定哪个函数来验证表单

onsubmit需要加return    onsubmit = "return checkForm()"

下面是JS的代码

Jquery:一个javaScript类库 注册验证案例

 

Jquery:一个javaScript类库 注册验证案例

 

 

onfocus 鼠标光标移动到输入框 调用focusEmail()

Jquery:一个javaScript类库 注册验证案例

onblur 鼠标光标移出调用blurEmail()

Jquery:一个javaScript类库 注册验证案例

Jquery:一个javaScript类库 注册验证案例

2. 昵称校验

Jquery:一个javaScript类库 注册验证案例

Jquery:一个javaScript类库 注册验证案例

Jquery:一个javaScript类库 注册验证案例

Jquery:一个javaScript类库 注册验证案例

密码校验:

Jquery:一个javaScript类库 注册验证案例

Jquery:一个javaScript类库 注册验证案例

 

Jquery:一个javaScript类库 注册验证案例

Jquery:一个javaScript类库 注册验证案例

密码确认校验

 

Jquery:一个javaScript类库 注册验证案例

 

Jquery:一个javaScript类库 注册验证案例

Jquery:一个javaScript类库 注册验证案例

Jquery:一个javaScript类库 注册验证案例

Jquery:一个javaScript类库 注册验证案例