WordPress网站打不开nginx,聊城网站建设有限公司,桂林网站开发公司电话,公司注册地址怎么查不久前写了个登录注册的网站#xff0c;因为未对其做出限制#xff0c;所以#xff0c;随便你输入什么都可以注册成功#xff0c;遂想怎么通过js规定注册的账号
我的要求是#xff1a; 一#xff1a;输入框不能为空#xff0c;不能太长也不能太短 二#xff1a; 1、注…不久前写了个登录注册的网站因为未对其做出限制所以随便你输入什么都可以注册成功遂想怎么通过js规定注册的账号
我的要求是 一输入框不能为空不能太长也不能太短 二 1、注册的用户名必须是汉字 2、账号必须是以英文字母数字或者下划线组成 3、密码则是英文字母加数字
这里的英文字母指的是大写字母和小写字母
实现
用户名
function setdiv0(){var name document.getElementById(gname).value;var reg /^([\u4E00-\u9FA5])*$/;//限定其只能输入中文if(name){document.getElementById(div0).innerHTMLspan classtrue*输入的用户名不能为空/span; return false;}else if(name.length2||name.length8){document.getElementById(div0).innerHTMLspan classtrue*账号只能为2~8位字符/span;return false;}else{if (!reg.test(name)){document.getElementById(div0).innerHTMLspan classtrue/*用户名必须为中文/span; return false ;}else{document.getElementById(div0).innerHTMLspan classtrue idtrue格式正确/span;return true ;}}}
账号
function setdiv1(){var name document.getElementById(uname).value;if(name){document.getElementById(div1).innerHTMLspan classtrue*输入的账号不能为空/span; return false;}else if(name.length6||name.length18){document.getElementById(div1).innerHTMLspan classtrue*用户名只能为6~18位字符/span;return false;}else{for(var i 0; iname.length; i){if(! ( ( name.charCodeAt(i)0.charCodeAt()name.charCodeAt(i)9.charCodeAt() ) ||( name.charCodeAt(i)a.charCodeAt()name.charCodeAt(i)z.charCodeAt() ) ||( name.charCodeAt(i)A.charCodeAt()name.charCodeAt(i)Z.charCodeAt() ) ||( name.charCodeAt(i)_.charCodeAt() ) )) {document.getElementById(div1).innerHTMLspan classtrue用户名只能包含英文字母、数字、下划线/span;return false;}else{document.getElementById(div1).innerHTMLspan idtrue格式正确/span;}}}}密码
function setdiv2(){var pwd document.getElementById(upwd).value;if(pwd){document.getElementById(div2).innerHTMLspan classtrue输入的密码不能为空/span; return false;}else if(pwd.length6||pwd.length18){document.getElementById(div2).innerHTMLspan classtrue密码只能为6~18位字符/span;return false;}else{for(var i 0; ipwd.length; i){if(! ( ( pwd.charCodeAt(i)0.charCodeAt()pwd.charCodeAt(i)9.charCodeAt() ) ||( pwd.charCodeAt(i)a.charCodeAt()pwd.charCodeAt(i)z.charCodeAt() ) ||( pwd.charCodeAt(i)A.charCodeAt()pwd.charCodeAt(i)Z.charCodeAt() ))) {document.getElementById(div2).innerHTMLspan classtrue密码只能包含英文字母、数字span classtrue;return false;}else{document.getElementById(div2).innerHTMLspan classtrue idtrue格式正确/span;}}}}
下面是页面代码仅供参考
htmlstyle
#div0,#div1,#div2{display:inline;
}.true{font-size:18px;color:red;font-style:italic;
}#true{background-image: -webkit-linear-gradient(left,blue,#66ffff 10%,#cc00ff 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#CC00CC 70%,#CC00FF 80%,#66FFFF 90%,blue 100%);-webkit-text-fill-color: transparent;/* 将字体设置成透明色 */-webkit-background-clip: text;/* 裁剪背景图使文字作为裁剪区域向外裁剪 */-webkit-background-size: 200% 100%; -webkit-animation: masked-animation 2s linear infinite;font-size: 18px;font-style:normal;
}/stylebody
script srcss.js/scriptinput typetext idgname onblursetdiv0()div iddiv0/divbr
input typetext iduname onblursetdiv1()div iddiv1/divbr
input typepassword idupwd onblursetdiv2() div iddiv2/divbr
input typesubmit idbutton /body
/html
具体就是用到了onblur失去焦点事件触发一个函数
