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

表单验证

江老实 Web前端工程师
难度中级
时长57分
学习人数
综合评分9.73
197人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.7 逻辑清晰
多亏工作不断练习,虽然很多都是网上直接抄过来,但次数多了,正则基本使用也会了。慕课网是一个好网站,当然说的是免费视频很多做的比其它同类型网站好。
window.onload=function(){
var oBtn=document.getElementById('submitBtn');
var oInput=document.getElementById('name');
oBtn.onclick=function(){
var re = /^[a-zA-Z][\w\.]{5,20}/g;
if(re.test(oInput.value)==false){
alert("× 格式错误!")
}
else{
alert("√ 格式正确!")
}
}
}
看评论有人说没效果,我开始也是,现在我查到了一个原因(也有可能是其他原因),和大家分享下。
在保证代码和老师一样的情况下,IE(我的是IE)和火狐是不能像老师一样直接使用pwd2.setAttribute("disabled");这句话的,我根据百度修改之后:pwd2.setAttribute("disabled",1);(亲测有效)。下面我说一下原因,setAttribute这个方法,在IE和火狐中setAttribute有两个参数,第一个为参数名,第二个为参数的值,所以我在后面加了一个参数值1,(应该也可以是其他数吧,没细研究,这个例子应该无所谓)。个人总结,小白一个,求大神别喷~
*号不是匹配任一字符,而是匹配任一长度,表示的是长度{0,}
要源码的真不适合这行 这么简单的东西...
江老师呀 ? 我听出你声音了.哈哈哈 好棒
/^[a-zA-Z][a-zA-Z0-9\-\.]{4,19}$/g
花一晚上写完了,源代码:https://pan.baidu.com/s/1c1437WG
提取密码:gxvp
建议纯新手临摹。
讲得很好,可能正则表达式有点难,所以用起来很生疏。很多地方还是不懂

最新回答 / 慕哥3251431
css部分最后.msg .ok在Html页面代码中怎么没有
var re = /^[a-z]{1}[\w\.]{4,19}/i;
课程须知
1.需要具备JavaScript基础知识; 2.对HTML及CSS内容熟悉,必须的哦!
老师告诉你能学到什么?
1.您将掌握正则表达式的基本用法! 2.学会对表单如何进行验证

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消