为了账号安全,请及时绑定邮箱和手机立即绑定

表单验证

江老实 Web前端工程师
难度中级
时长57分
学习人数
综合评分9.73
197人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.7 逻辑清晰
  • unicode 汉字范围 \u4e00-\u9fa5 \w a-zA-Z0-9 匹配合法用户名 var re = /\w\u4e00-\u9fa5/g; 匹配非法用户名 var re = /[^\w\u4e00-\u9fa5]/g; 用户名要求:1.组成:数字,字母(不区分大小写),汉字,下划线。 2.长度:5~25个字符。 \u4e00-\u9fa5 代表中文字符区间(表示所有的汉字) 匹配合法用户名 var re = /\w\u4e00-\u9fa5/g; 匹配非法用户名 var re = /[^\w\u4e00-\u9fa5]/g; 3种交互行为验证: 1.获得焦点时,提示用户名命名规则。 2.输入用户名时,提示已填字符数量。 3.失去焦点时,判断是否为空、长度是否小于5或大于25、是否有非法字符,如都合法则提示OK。 x00-xff表示所有正则表达式单字符。如不在此范围则用2个字符代替(一个汉字代表2个字符的判断)。 计算输入字符的长度: function getLength(str) { return str.replace(/[^\x00-xff]/g,"xx").length; }
    查看全部
  • 为什么我写的 pwd2.setAttribute("disabled");之后不能使用啊?
    查看全部
  • 求源代码
    查看全部
  • pwd2.setAttribute("disabled"); 在火狐,谷歌等浏览器中是报错的,.setAttribute( , );的参数是两个,只写一个是不可以的,removeAttribute可以写一个,正确写法为pwd2.setAttribute("disabled","");
    查看全部
  • *{margin:0;padding:0;font:12px/1.5 "宋体";color:#666} ul,ol,li{list-style:none} img{border:none} input,select,img{vertical-align:middle} label{vertical-align:middle} input:focus,textarea:focus{outline:none} .btn{border:none 0} form{width:740px;height:500px;margin:100px auto} form div{overflow:hidden;clear:both} form div label{float:left;clear:both} form div label .text{width:152px;height:26;padding:0 2px;border:1px solid #ccc} form div label b{font-weight:normal;font-size:12px;color:#ccc;visibility:hidden} form div em{display:inline-block;font-size:12px;text-align:center;color:#fff;vertical-align:middle; font-style:normal;width:53px;height:15px;line-height:15px;background:#FFD099}
    查看全部
  • var re =/^[a-zA-Z]{1}[\w\_\.]{4,19}$/g
    查看全部
    2 采集 收起 来源:实践题

    2015-07-30

  • 正则表达式:主要用来匹配字符;工作原理,使用通配符使用技术。 正则表达式:1、var re=new RegExp("a","i") 实例化一个对象,a是一个正则的内容,具体的规则,i是一个标志2、var re=/a/i a也是正则内容,i是规则。加上i的意思是不区分大小写。没有i,表示区分大小写。*表示匹配任意字符。如果之匹配星号,我们需要用到专一,用一个反斜杠来进行转义\*,这样就可以匹配*号了。只要是特殊符号,要进行匹配的话,都要进行转义,特殊符号有:!¥……*+=|.\/()[]{};这些符号要进行匹配的话,都要进行转义。特殊字符:o t n v f r xnn uxxxx cX这些特殊字符要匹配的话,也要进行转义一下。 这个是字符类,是代表的一类字符。 Unicode 空白符就是表示的空格。小写和大写都是非的关系。
    查看全部
  • 本视频讲解了: 1:正则表达式的基本用法,当然,更加复杂和高级要课下学习 2:验证的交互设计,验证的时机,验证的规则,验证的提示信息
    查看全部
  • 页面验证的四种时机: 1:提示输入(比如:必填项) 2:获得焦点时,提示消失 3:失去焦点时,进行验证,并给出对应的提示(如果错误,通过颜色、文字着重提示,并且阻止表单的提交) 4:输入的完全正确给出提示
    查看全部
  • oname.onblur=function(){ //\w 字母,数字,下划线 //\u4e00-\u9fa5中文字符 //含有非法字符,不能为空,长度超过25个字符 var re=/[^\w\u4e00-\u9fa5]/g; if(re.test(this.value)){ name_span.innerHTML='含有非法字符'; }else if(this.value==""){ name_span.innerHTML='不能为空'; }else if(name_length>25){ name_span.innerHTML='超出25个了'; }else{ name_span.innerHTML='ok'; } } pwd.onfocus=function(){ pwd_span.style.display="block"; pwd_span.innerHTML=""+'6-16个字符不能单独使用字母或者符号'; } pwd.onkeyup=function(){ //大于5个字符中,大于10个强 if(this.value.length>5){ aem[1].style.color="blue"; pwd2.removeAttribute('disabled'); pwd2_span.innerHTML="请再输入一次"; }else{ aem[1].style.color="black"; aem[0].style.color="purple"; pwd2.setAttribute('disabled',''); pwd2_span.innerHTML="不够"; } if(this.value.length<10){ aem[2].style.color="red"; }else{ aem[1].style.color="black"; aem[0].style.color="green"; pwd2.setAttribute('disabled',''); pwd2_span.innerHTML="超了"; } } };
    查看全部
  • .match()函数用于使用指定的正则表达式模式在当前字符串中进行匹配查找,并返回数组形式的查找结果。
    查看全部
    1 采集 收起 来源:练习题

    2016-02-27

  • 正则表达式字符类
    查看全部
  • \w 匹配包括下划线的任何单词字符。类似但不等价于“[A-Za-z0-9_]” [^a-z] 表示非字符范围。匹配任何不在指定范围内的任意字符。例如,“[^a-z]”可以匹配任何不在“a”到“z”范围内的任意字符。 [a-z] 表示字符范围。匹配指定范围内的任意字符。例如,“[a-z]”可以匹配“a”到“z”范围内的任意小写字母字符。 注意:只有连字符在字符组内部时,并且出现在两个字符之间时,才能表示字符的范围; 如果出字符组的开头,则只能表示连字符本身.
    查看全部
  • 正则表达式字符类及说明 代码/语法 说明 \w 匹配任何ASCII单字符[a-zA-Z0-9_] \W 匹配任何ASCII单字符以为的字符 \s 匹配任何Unicode空白符,即空格 \S 匹配任何Unicode空白符以外的字符 \d 匹配任何数字[0-9] \D 匹配任何数字之外的字符 […] 匹配方括号中的所有字符 [^…] 匹配非方括号中的所有字符
    查看全部
  • 挺好
    查看全部
    1 采集 收起 来源:练习题

    2018-03-22

首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
1.需要具备JavaScript基础知识; 2.对HTML及CSS内容熟悉,必须的哦!
老师告诉你能学到什么?
1.您将掌握正则表达式的基本用法! 2.学会对表单如何进行验证

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!