学习笔记_web——表单验证
表单验证
方法onsbumit()
1、利用String对象
2、正则表达式
String
属性
length
方法
toLowerCase 转为大写
toUpperCase 转为小写
charAt(index) 返回第index个字符
indexOf(String , index) 获取String从index开始第一次出现的位置
substring(index1, index2) 截取1-2之间
验证时常用方法
blur() 失焦
focus() 设置焦点
select() 选取文本域
常用方法
onblue() 失去焦点
onfocus() 获得焦点
onkeypress() 按下键盘
正则表达式
匹配类型
^ 匹配字符串的开头
$ 匹配字符串的结尾
\s 任何空白字符
\S 任何非空白字符
\d 一个数字
\D 一个非数字
\w 一个数字、下划线或字母
\W 任何非单字字符(汉字、&%等非为单子)
. 除了换行符之外的任意字符
[a-z] 从a-z的所用字符
[a-xA-X]从a-x和A-X的所用字符
匹配次数
{n} 匹配前一项n次
{n,} 匹配前一项n次及以上
{n,m} 匹配前一项n次到m次
* 匹配前一项0次或多次{0,}
+ 匹配前一项1次或多次{1,}
? 匹配前一项0次或1次{0,1}
实例匹配邮箱
一个以上字符@一个以上字符.(a-z或A-Z)两个或三个
^\w+@\w+\.[a-zA-Z]{2,3}$
注,.需要转义\.
由于.(a-z或A-Z)可能多次,故而([a-zA-Z]{2,3}){1,2}
^\w+@\w+\.([a-zA-Z]{2,3}){1,2}$
Js中创建正则表达式
RegExp对象,提供创建、检查、验证的属性与方法
创建正则表达式:
方式一
var reg1 = new RegExp(/正则表达式/);
正则表达式用‘/‘包裹
var reg1 = new RegExp("字符串","查找方式");
查找方式: i 忽略大小写
g 全局查找
m 多行查找
方式二
var reg1 = /正则表达式/
var reg1 = /字符串/查找方式
常用方法:
RegExp.test(string) 判断string是否符合正则
String对象对正则表达式的匹配方法
search(正则表达式); 返回匹配的位置
match(正则表达式); 返回匹配的字符串
replace(正则,替换字符串); 返回替换后结果
示例,查找字符串
//=================js====================
var wordText = "总字符串"
var findText = "要查找的字符串"
var replceText = "替换后的文本"
var reg = eval("/"+findText+"/ig");
var resultArray1 = wordText.match(reg);
返回的resultArray1是字符数组,所用查找的符合的字符串
var resultArray = replace.match(reg,replceText);
返回的resultArray1是字符数组,返回替换后的文本
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。