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

表单验证

江老实 Web前端工程师
难度中级
时长57分
学习人数
综合评分9.73
197人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.7 逻辑清晰
  • 前台三国:HTML/CSS/JAVASCRIPT
    查看全部
  • 正则表达式对象的方法 exec() 执行正则表达式的匹配,返回一个数组 test() 测试正则表达式的匹配,返回布尔值 toSource() 返回RegExp对象的源代码 toString() 将RegExp对象转换成字符串
    查看全部
  • 标志: i 匹配时不区分大小写 g 匹配时执行全局匹配 m 匹配时执行多行匹配
    查看全部
  • 选择符:| 分隔可以用来选择的文字 定位符: ^ :匹配字符串的结尾 $: 匹配一个单词的边界 \b: 匹配一个单词的边界 \B: 与\b相反,匹配一个非单词边界
    查看全部
  • 重复类:{n} 匹配前一项n次; {n,}匹配前一项至少一次,至多不限 {n,m}匹配前一项至少N次,最多M次 {?}匹配前一项0次或者1次 {+}匹配前一项至少1次 {*}匹配前一项0次或者多次
    查看全部
  • 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="超了"; } } };
    查看全部
  • function getlength(str){ return str.replace(/[^\x00-\xff]/g,"xx").length; } function findStr(str,n){ var tmp=0; for(var i=0;i<str.length;i++){ if(str.charAt(i)==n) tmp++; } return tmp; } window.onload=function(){ var ainput=document.getElementsByTagName('input'); var oname=ainput[0]; var pwd=ainput[1]; var pwd2=ainput[2]; var aspan=document.getElementsByTagName('span'); var name_span=aspan[0]; var pwd_span=aspan[1]; var pwd2_span=aspan[2]; var count=document.getElementById('count'); var aem=document.getElementsByTagName('em'); var name_length=0; oname.onfocus=function(){ name_span.style.display="block"; name_span.innerHTML="<i></i>请输入4-16位字符,一个汉字2个字符、下划线的组合。"; } oname.onkeyup=function(){ count.style.visibility="visible"; name_length=getlength(this.value); count.innerHTML=name_length+"多少个字符"; if(name_length==0){ count.style.visibility="hidden"; } }
    查看全部
  • <html> <head> </head> <script type="text/javascript" src="./demo.js"></script> <body> <div id="content-area"> <form method="post" id="pp-form" action="do.php" class="pp-form"> <div> <label for="reg-un">用户名</label> <b id="count" >0个字符</b> <input name="reg-un" id="reg-un" tabindex="1"> <span ></span> </div> <div> <label for="reg-pw">密码</label> <input id="regpw" name="regpw" type="password" tabindex="2" > <span id="regpwshow" >此处不可空白 </span><em>弱</em><em>中</em><em>强</em> </div> <div> <label for="reg-pw">确认密码 </label> <input id="con-pw" name="con-pw" type="password" tabindex="3" disabled=""> <span id="con-pwshow" name="con-pwshow">&nbsp;</span> </div> </form> </div> </body> <html>
    查看全部
  • removeAttribute setAtrribute .style.visibility='visible';
    查看全部
  • 中文字符统计 \x00-xff是单字符区间 \u4e00-\u9fa5这个范围包含所有中文字符
    查看全部
  • unicode 用于汉子字符 g匹配时全局匹配 m匹配时多行匹配
    查看全部
  • 密码强度:大于5个字符为中,大于10个字符为强。 当密码强度为中及以上是可确认密码。(removeAttribute("disabled");删除元素的disabled属性。)
    查看全部
  • 密码块的验证和用户名验证一样,3个交互行为验证。
    查看全部
  • 新建正则表达式规则,任意位置有a,i表示不分大小写
    查看全部
  • 用户名要求: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; }
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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