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

表单验证

江老实 Web前端工程师
难度中级
时长57分
学习人数
综合评分9.73
197人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.7 逻辑清晰
  • 知识点
    查看全部
  • 知识点
    查看全部
  • 知识点
    查看全部
  • 知识点
    查看全部
  • 正则字符类
    查看全部
  • \w 匹配包括下划线的任何单词字符。类似但不等价于“[A-Za-z0-9_]” [^a-z] 表示非字符范围。匹配任何不在指定范围内的任意字符。例如,“[^a-z]”可以匹配任何不在“a”到“z”范围内的任意字符。 [a-z] 表示字符范围。匹配指定范围内的任意字符。例如,“[a-z]”可以匹配“a”到“z”范围内的任意小写字母字符。 注意:只有连字符在字符组内部时,并且出现在两个字符之间时,才能表示字符的范围; 如果出字符组的开头,则只能表示连字符本身.
    查看全部
  • i,g,m的含义
    查看全部
  • 定位符
    查看全部
  • 分组、标记
    查看全部
  • 正则定位符
    查看全部
  • 正则重复类
    查看全部
  • 正规字符类
    查看全部
  • <div> <label><span>用户名:</span> <input type="text" class="text"/></label> <p class="msg"><i class="ati"></i>5-25个字符,一个汉字为2个字符</p> </div> <div> <label><span></span><b id="count">0个字符</b></label> </div> <div> <label><span>登录密码:</span> <input type="password" class="text"/></label> <p class="msg"><i class="err"></i>5-25个字符,一个汉字为2个字符</p> </div> <div ><label><span></span> <em class="active">弱</em><em>中</em><em>强</em></label> </div> <div> <label><span>确认密码:</span> <input type="password" class="text" disabled=""/></label> <p class="msg"><i class="ati"></i>请再输入一次</p> </div> <div> <input class="submitBtn" type="submit" value="注册"/> </div>
    查看全部
  • form div .action{background-color:#FF6600} div span{display:inline-block;width:80px;text-align:right} .submitBtn{width:135px;height:33px;background:url(../Image/sss.png);color:#fff;margin:20px 0 0 80px} .changeimg{width:22px;height:22px;display:inline-block;vertical-align:middle;background:url(../Image/sss.png) no-repeat 0 -128px} .msg{line-height:12px;color:#999;float:left;margin-left:5px;display:none} .msg i{display:inline-block;vertical-align:middle;width:25px;height:20px;background:url(../Image/sss.png) no-repeat} .msg .ati{background-position:0 -71px} .msg .err{background-position:0 -39px} .msg .ok{background-position:0 -99px}
    查看全部
  • *{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}
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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