表单验证

一、表单选择器:
用于选取某些特定的表单元素
二、常用的表单选择器:
1.:input,选取所有的textarea,button,input,select元素
eg:(":input").css("border","1pxsolidred");2.texteg:(":input").css("border","1px solid red"); 2.text选取所有的单行文本框 eg:(":text").css(“border”,“1px solid red”);
3.password获取所有的密码框
eg:(":password").css("border","1pxsolidred");4.:radio,5.:checkbox,6.:submit,7.:image8.:reset,9.:button,10.:file,11.:hidden,display:none:1.:enabled,2.:disabled,3.:checked,4.:selected使String1.indexOf():1eg:if(email.indexOf(".")<0email.indexOf("@")<0)alert("");2.length:eg:if(email.length<6)alert("6");3.substring:4.isNaN:false,trueeg:isNaN(str);1.blur():2.foucs():3.select():1.2.1.varreg=/cc/;1g:2i:3m:2.varreg=newRegExp("","");1.//2.:3.(":password").css("border","1px solid red"); 4.:radio,获取所有的单选按钮 5.:checkbox,获取所有的复选框 6.:submit,获取所有的提交按钮 7.:image,获取所有的图像标签 8.:reset,获取所有的重置按钮 9.:button,获取所有的按钮 10.:file,获取所有的文件域 11.:hidden,获取所有的隐藏域,包括display:none。 三、属性过滤选择器: 1.:enabled,匹配所有的可用元素 2.:disabled,匹配所有不可用的元素 3.:checked,匹配所有被选中的元素 4.:selected,匹配所有的元素 四、使用String对象验证: 1.indexOf():在字符串中查找指定的字符。如果找到,返回下标,否则返回-1。 eg:if(email.indexOf(".")<0||email.indexOf("@")<0){ alert("邮箱格式不正确"); } 2.length:获取字符串的长度。 eg:if(email.length<6){ alert("密码不能小于6位"); } 3.substring:截取字符串。 4.isNaN:判断该字符串是否是数字。如果是数字的话返回false,否则返回true eg:isNaN(str); 五、检验提示特效: 1.blur():光标失去焦点 2.foucs():光标聚焦 3.select():选中表单中的文本 六、正则表达式: 描述字符模式的对象,由一些特殊的符号组成 七、正则表达式的优点: 1.简介的代码 2.严谨的验证文本框的内容 八、正则表达式的书写: 1.普通方式: var reg = /cc/附加参数; 其中:附加参数有: (1)g:全局匹配 (2)i:不区分大小写匹配 (3)m:换行匹配 2.构造函数: var reg = new RegExp("表达式","附加参数"); 九、正则表达式的常用符号: 1./……/:表达式的开始和结束 2.^:字符串的开始 3.:字符串的结尾
4.\s:任何空白字符(空格 tab制表符)
5.\S:任何非空白字符
6.\d:匹配一个数字字符
7.\D:匹配一个非数字字符
8.\w:数字、下划线、字母
9.\W:除了数字、下划线和字母以外的
10…除了换行符以外的任意字符。
十、正则表达式中重复的字符:
1.{n}:匹配n次
2.{n,}:n次或者多次
3.{n,m}:至少n次,但是不能超过m次
4.*:0次或者多次
5.+:1次或者多次
6.?:0次或者1次

posted @ 2019-06-27 19:24  穆雄雄  阅读(93)  评论(0编辑  收藏  举报