logins链接html,login_s.html

登录页面

/*头部*/

.main_header {

max-width: 640px;

min-width: 330px;

margin: 0px auto;

padding-bottom: 50px;

}

.h_header {

width: 100%;

max-width: 640px;

min-width: 330px;

position: fixed;

top: 0px;

z-index: 9999;

height: 50px;

line-height: 50px;

background-image: url(img/bgi_title.png);

background-size: 320px 48px;

background-color: #E62F17;

text-align: center;

}

.h_header i {

color: #FFFFFF;

font-size: 25px;

float: left;

font-weight: bold;

}

.h_zc_title {

font-size: 20px;

color: white;

font-family: Tahoma, fzltxhk, "\5fae\8f6f\96c5\9ed1";

}

/*登录 底部*/

.main_footer {

max-width: 640px;

min-width: 330px;

margin: 0px auto;

}

.mainff {

padding-top: 50px;

border: 2px solid #E62F17 !important;

border-top: none !important;

}

.dsf {

text-align: center;

font-size: 14px;

margin: 0px auto;

font-family: "微软雅黑";

color: #999999;

}

.setli li {

width: 33%;

float: left;

font-size: 70px;

text-align: center;

}

.in {

color: #07AAEB;

}

.i2 {

color: #ED2124;

}

.weui-row {

width: 80%;

margin: 0px auto;

font-size: 85px;

}

.ta1 {

text-align: left;

}

.ta2 {

text-align: center;

}

.ta3 {

text-align: right;

}

.underWord {

font-size: 14px;

color: #666666;

}

/*main content*/

.main_content {

/*border: 1px solid blueviolet;*/

max-width: 640px;

min-width: 330px;

margin: 0px auto;

}

.weui_navbar_item {

margin-top: 10px;

background-color: #EDEDED;

color: black;

height: 15px;

line-height: 15px;

}

.weui_bar_item_on {

background-color: #E62F17 !important;

color: white !important;

box-shadow: 0px 2px 2px 2px #E62F17 !important;

z-index: 9;

height: 25px;

margin-top: 0px;

line-height: 32px;

}

.weui_tab_bd {

margin-top: 0px;

}

.weui_tab_bd_item_active {

/*background-color: #E62F17;*/

border: 2px solid #E62F17 !important;

border-top: 8px solid #E62F17 !important;

border-bottom: none !important;

}

.input {

height: 40px;

width: 100%;

/*border: 1px solid #DEDEDE;*/

border: none;

border-radius: 5px;

font-size: 15px;

text-indent: 20px;

color: darkgray;

}

.input01 {

border-bottom: 2px solid #DEDEDE !important;

margin-top: 10px;

}

.input02 {

border-bottom: 2px solid #DEDEDE !important;

margin-top: 20px;

}

.input03 {

margin-top: 30px;

cursor: pointer;

background-color: red;

text-align: center;

font-family: "微软雅黑";

font-size: 18px !important;

color: white !important;

outline: none;

}

.weui_tab_bd_item {

padding: 10px;

padding-left: 50px;

padding-right: 50px;

}

.other_minus {

margin-top: 15px;

overflow: hidden;

}

.other_minus a {

font-size: 15px;

color: darkgray;

}

.UserLoginTip {

margin-top: 5px;

background-color: rgb(217, 237, 247);

line-height: 30px;

text-indent: 20px;

color: red;

border-radius: 15px;

}

.trueB {

border-bottom-color: cornflowerblue !important;

color: black !important;

}

.wrongB {

border-bottom-color: red !important;

}

#UserLoginTip {

visibility: hidden;

}

#UserLoginTipPW{

visibility: hidden;

}



登录

用户名登录

手机号登录

邮箱登录

账号密码提示

密码错误提示

注册

忘记密码?

账号密码提示

密码错误提示

注册

忘记密码?

账号密码提示

密码错误提示

注册

忘记密码?

直接使用社交网络登录



支付宝



微博



QQ

$(".account").focus(function() {

$(this).addClass("trueB");

}).blur(function() {

$(this).removeClass("trueB");

console.log($(this).val());

if($(this).val() != "" && $(this).val() != null) { //输入不为空

console.log(11111);

var accountReX = /^[0-9a-zA-Z]{6,14}$/; //：Regular Expression正则表达式

console.log(accountReX.test($(this).val()));

if(accountReX.test($(this).val())) {

console.log($(this).html());

$(this).next().css("visibility", "visible");

$(this).removeClass("wrongB").addClass("trueB");

$("#TipFontPic").removeClass().addClass("trues iconfont iconfont-shenhe-tongguo").css("color", "limegreen");

$("#errTip").html("");

} else {

$(this).next().css("visibility", "visible");

$(this).addClass("wrongB");

$("#errTip").html("密码必须是字母和数字组成且6-14位！");

$("#TipFontPic").removeClass().addClass("trues iconfont iconfont-shenhe-butongguo2").css("color", "red");

}

} else { //账号输入为空

$(this).next().css("visibility", "visible");

$(this).addClass("wrongB");

$("#errTip").html("账号输入不能为空！")

$("#TipFontPic").removeClass().addClass("trues iconfont iconfont-shenhe-butongguo2").css("color", "red");

}

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史