admin 管理员组文章数量: 887021
2023年12月24日发(作者:生物流biostream)
width: 80px;}input { width: 160px; height: 30px;}span { font-size: 14px; color: #999;}a { display: block; font-size: 24px; color: #387aff; width: 200px; margin: 20px auto;}#sub { margin-left: 110px; width: 80px; height: 40px; text-align: center; line-height: 40px; background-color: #387aff; color: #fff;}body,html{ width: 100%; height: 100%;}.lore_box { width: 100%; height: 100%;}.lore_box .header { width: 100%; height: 68px; background: #fff;}.logo { display: inline-block; margin: 28px 140px; width: 110px; height: 20px; background: url(/resources/uc/wlogin/base/images/)-2px -4px no-repeat;}.lore_box .from_box { width: 100%; height: 90%; background: url(/resources/uc/wlogin/member/images/)no-repeat; background-size: cover;}.lore_box p a{ float: left; margin: 20px 0; margin-left: 8px; font-size: 14px; color: #387aff;
}input{ padding-left: 10px; border:0; border: 1px solid silver; border-radius: 2px;}input:focus{ border-color: blue;}js部分的逻辑代码如下:let inputs = electorAll('input');let name, p1, p2, ema, phone1;function mean(t, flag, info, intext) { let va = ; if(flag) { TML = '√' = 'green' } else { if(va == '') { TML = `* ${info}不能为空`; } else if(intext) { TML = intext; } = 'red' }}function checkUser(t) { let reg = /^[^0-9]{4,16}$/; let va = ; if((va)) { name = true; mean(t, name) } else { name = false; let info = '账号'; mean(t, name, info) }}function checkPass(t) { let reg = /^w{6,16}$/; let va = ; if((va)) { p1 = true; mean(t, p1) } else { p1 = false; let info = '密码'; mean(t, p1, info) }}function checkPass2(t) { let va = ; let va1 = inputs[1].value; if(va == va1 && va != '') { p2 = true;
cursor: pointer; color: #fff; height: 46px; font-size: 14px; line-height: 46px; text-align: center; width: 302px; background-color: #387aff;}.lore_box form h2 { width: 50px; margin: 20px auto;}.lore_box .p2 { margin-left: 190px;}#hint_box{ z-index:66; color: #353536; padding-top: 30px; text-align: center; position: absolute; left: 34px; top: 52px; width:304px; height: 160px; border-radius: 6px; background-color:#fff; display: none;}.hint{ width: 100%; height: 110px; border-bottom: 1px solid #F4F4F4;}.hint p{ margin-top: 16px;}#hint_box h3{ line-height: 38px; font-weight: normal;}#hint_box #sure { line-height: 46px; cursor: pointer;}#cover{ display: none; position: fixed; left: 0; top:0; z-index: 6; width: 100%; height: 100%; background: rgba(126,126,126,0.5);}实现登录的逻辑js代码如下:
版权声明:本文标题:后台使用php,前台使用html,css,jquery,javascript实现登录注册 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/free/1703348955h447954.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论