表单效验-最后一章(正则表达式)

对于表单元素有一个onblur事件:元素失去焦点时触发

还有一个事件onfocus:获取焦点时触发

JS的字符串有一个indexOf方法

语法:字符串对象.indexOf(字符) 返回某个字符在某个字符串中出现的位置 如果没有出现则返回-1

 

JS中的字符串每个字符的获取必须通过String提供的charAt方法

 

如何根据情况的验证进行表单的提交

使用jquer的方式 有两种

1.采用阻止默认事件的方式 e.preventDefault();

2.通过表单的提交事件submit 并在该事件的处理函数中返回true或false来决定是否真的提交当前表单

 

 

表单选择器

:input 匹配所有input的元素

:text 匹配所有text元素

:password 匹配所有password元素

:radio 匹配所有radio元素

:checkbox 匹配所有checkbox元素

:submit 匹配所有submit元素

 

正则表达式:用来进行更加严谨的表单数据效验

1正则是js中的一种内置对象

正则对象的创建方式

a. var reg=new RegExp("string,string");

//第一个参数是描述正则的规则,第二个参数为正则参数

b.正则对象的字面量表示/规则字/参数

参数: i 忽略大小写 (掌握)

g 全局   (了解)

m 对行   (了解)

 

2.1调用正则对象的text方法去效验数据 返回一个Boolean值

 

2.2    .............exec方法.也可以实现text方法的功能,而且更强大

如果存在匹配的内容则返回该内容,还可以进一步通过访问返回结果的index属性获取匹配字符出现的引索,如果不存在匹配的内容则返回null

 

2.3调用字符串对象的match方法 返回的匹配到内容 匹配不到则返回null

正则表达式中可以模糊匹配

 

正则表达式符合匹配表:

/..../模糊匹配

$匹配字符串的结束

^匹配字符串的开始

\s任何空白字符

\S任何非空白字符

\d匹配一个数字,字符等价于[1-9]

\D除了数字以外的字符[1-9]

\w匹配一个数字,下划线或字母字符等价于[A-Za-z0-9]

\W任何非单字字符,等价于[A-Za-z0-9]

.除了换行符以外的任意字符

 

正则表达式

{n}匹配至少一次表示出现至少n次

{n,}匹配至少一次,任意多次

{n,m}匹配至少移除,表示大于n次,小于m次

*匹配前一项0次或者多次等价于{0,}

+匹配前一项1次或者多次{1,}

?匹配前一项0次或者1次

 

补充:

- 表示一个内容范围 例如\d ---->>[0-9] [a-z]

| 两选一 默认到最左或最右

 

在正则匹配过程中对于字母默认区分大小写,如果我们希望不区分大小写则需要设置第一个参数