学习笔记_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是字符数组,返回替换后的文本

 


 

学习笔记_web——表单验证,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。