html login源码,login.html

该博客内容涉及网页登录验证的实现,强调了对IE8以下浏览器的不支持,并展示了登陆按钮点击事件的JavaScript代码,包括输入验证和登陆成功的提示。此外,还提及了输入框失去焦点和获取焦点时的样式变化。
摘要由CSDN通过智能技术生成
登陆

欢迎后台管理界面平台

版权所有 2017 二当家的软件源码分享

$('#login_btn').on('click', function(){

var num=0;

var str="";

$("input[type$='text'],input[type$='password']").each(function(n){

if($(this).val()=="")

{

layer.alert(str+=""+$(this).attr("name")+"不能为空!\r\n",{

title: '提示框',

icon:0,

});

num++;

return false;

}

});

if(num>0){ return false;}

else{

layer.alert('登陆成功!',{

title: '提示框',

icon:1,

});

location.href="index.html";

layer.close(index);

}

});

$(document).ready(function(){

$("input[type='text'],input[type='password']").blur(function(){

var $el = $(this);

var $parent = $el.parent();

$parent.attr('class','frame_style').removeClass(' form_error');

if($el.val()==''){

$parent.attr('class','frame_style').addClass(' form_error');

}

});

$("input[type='text'],input[type='password']").focus(function(){

var $el = $(this);

var $parent = $el.parent();

$parent.attr('class','frame_style').removeClass(' form_errors');

if($el.val()==''){

$parent.attr('class','frame_style').addClass(' form_errors');

} else{

$parent.attr('class','frame_style').removeClass(' form_errors');

}

});

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值