学习笔记_web——表单验证
来源:互联网 发布:js select改变事件 编辑:程序博客网 时间:2024/06/13 04:45
表单验证
方法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——表单验证
- 学习笔记_web——HTML
- 学习笔记_web——CSS
- 学习笔记_web——js基础
- 学习笔记_web——js特效1BOM
- 学习笔记_web——js特效2DOM
- AngularJS学习笔记——表单验证
- jQuery学习笔记——表单验证
- ZendFramework2学习笔记 表单过滤、表单验证
- JS笔记——表单验证
- 【javascript】学习总结——表单验证
- 蜗牛—JavaScript学习之表单验证
- Struts2学习(五)—表单验证
- javaScript学习笔记(1)——js表单提交验证
- Bootstrap—表单学习笔记
- jQuery学习笔记5 表单验证
- 【JS学习笔记】04 JavaScript 表单验证
- PHP表单验证 -w3school PHP学习笔记
- cocos2d-x 新手上路
- 代码面试最常用的10大算法
- HTML Entities & Charset & URL Encode
- Android布局之LinearLayout与TableLayout的嵌套使用
- 黑马程序员:查表法解决进制转换
- 学习笔记_web——表单验证
- 排序之快速排序
- 使用myeclipse搭建struts2环境
- 10 个 lsof 命令行的使用示例
- 【LeetCode】Decode Ways
- HDU - 3450 Counting Sequences
- 关于 win8.1 激活问题
- Android WebView自定义处理错误页面显示(404等)
- NGUI 基础 -- 功能组件