$('#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
原始数据
按行查看
历史
该博客内容涉及网页登录验证的实现,强调了对IE8以下浏览器的不支持,并展示了登陆按钮点击事件的JavaScript代码,包括输入验证和登陆成功的提示。此外,还提及了输入框失去焦点和获取焦点时的样式变化。
406

被折叠的 条评论
为什么被折叠?



