一.非空验证
判断非空 最好还是不要使用trim()方法 有的浏览器可能不支持
推荐使用正则表达式 判断是否为空
// " abc "----->"abc "------>"abc"
function trim (txt) {
var afterText = txt.replace(/^\s*/,'').replace(/\s*$/,"");
return afterText;
}
isNaN(参数) : 如果不是一个数字 返回true
三.验证邮箱、手机号、邮编...
******************************正则表达式*************************************
^ 以...开始
$ 以...结束
\s 空白 空格 、tab 、回车
\w word 字符
\d digit 数字
[4-9] 表示范围
表示数量的
* 表示0个或多个
+ 表示1个或多个
? 表示 0个或1个
{5} 5个
{5,} 5个或5个以上
{5,10} 5-10(包含5和10)
二.验证是否是数字
一.什么是正则表达式
正则表达式 是验证 字符串的一个模板, 它可以验证 邮箱、手机、邮编....
本身就是字符串,例如"aaa" 就是一个最简单的正则表达式, 只不过这个正则表达式 只能验证 "aaa"
这个目标字符串, 如果一个正则表达式只能验证一个目标字符串,这样它其实没有什么意义..
正则表达式应该是一个可以验证多个字符串的一个模板
二.如何使用正则表达式验证用户的输入
1. 编写正则表达式
//regularExpression
var regExp = /正则表达式/;
2.使用编写好的正则表达式去验证 用户的输入
var flag = regExp.test(email);//验证通过 返回true 验证失败 返回false
**********************************作业: 使用正则表达式实现用户注册页面**********************************
第一步:
给文本框 绑定一个 onblur 事件 让它鼠标移除焦点以后 开始验证
(1) 修改span中的文本
(2) 美化一下
给span 加一个样式
error、success
第二步:
给提交按钮绑定事件 用户点击提交的时候 执行regist()事件处理函数
(1) 在该函数中 主动调用 每个文本框的onblur()事件 让它验证一下
(2) 可以通过判断 样式值为 "error" 的元素个数 确定是否提交
如果个数>0 证明有错 不能提交,否则可以提交
第三步:
1. 文本框 获得焦点的时候 onfocus
2. 用户输入字符实时验证 onkeyup