js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 表单按钮

jquery+html实现响应式后台登录界面

发布时间:2015-09-06 16:59:21    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery+html实现响应式后台登录界面
// JavaScript Document
//支持Enter键登录
document.onkeydown = function(e){
	if($(".bac").length==0)
	{
		if(!e) e = window.event;
		if((e.keyCode || e.which) == 13){
			var obtnLogin=document.getElementById("submit_btn")
			obtnLogin.focus();
		}
	}
}

$(function(){
	//提交表单
	$('#submit_btn').click(function(){
		show_loading();
		var myReg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; //邮件正则
		if($('#email').val() == ''){
			show_err_msg('邮箱还没填呢!');	
			$('#email').focus();
		}else if(!myReg.test($('#email').val())){
			show_err_msg('您的邮箱格式错咯!');
			$('#email').focus();
		}else if($('#password').val() == ''){
			show_err_msg('密码还没填呢!');
			$('#password').focus();
		}else{
			//ajax提交表单,#login_form为表单的ID。 如:$('#login_form').ajaxSubmit(function(data) { ... });
			show_msg('登录成功咯!  正在为您跳转...','/');	
		}
	});
});



登录界面

css3实现网页后台登录界面

jquery+html实现响应式后台登录界面

友荐云推荐
大家说 此评论不代表本站观点