该博客内容涉及网页登录验证的实现，强调了对IE8以下浏览器的不支持，并展示了登陆按钮点击事件的JavaScript代码，包括输入验证和登陆成功的提示。此外，还提及了输入框失去焦点和获取焦点时的样式变化。
管理员登陆
- 用户名
- 密码
- 验证码
保存密码
登陆
$('#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
原始数据
按行查看
历史
扫一扫
2141
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
