layer.js弹出“登录注与册表单”的应用
[ 2016/10/28, JavaScript , 3649阅, 0评 ]

html代码:<a id="commonlogin">登录</a><a id="commonregist">注册</a>

1.点击登录按钮,弹出登录表单,若还未注册,那么点击该表单页面的“免费注册”按钮,弹出注册表单

<script>
$('#commonlogin').on('click', function(){
	layer.open({
	type: 1,
	title: false,
	closeBtn: 1,
	area: ['600px', '617px'],
	shadeClose: false,
	content:'省略登录表单代码<a id="freereg">免费注册</a>'
	});
	$('#freereg').on('click', function(){
		layer.closeAll();//先关闭当前弹窗
		$('#commonregist').click();//再执行"点击注册按钮"事件以打开注册弹窗
	})
});
</script>

2.若注册成功则先关闭注册表单,再弹出“提示注册成功”的弹窗,3秒后该弹窗自动关闭,而后刷新当前页面

<script>
	layer.closeAll();//先关闭表单
	layer.open({
	  type: 1,
	  title: false,
	  closeBtn: 0,
	  shadeClose: false,
	  time: 3000,
	  area: ['400px', '200px'],
	  skin: 'user-reg_success',
	  content: '<p>恭喜!注册成功!<br/>即将为您跳转到登录界面...</p>'
	});
	//setTimeout("$('#test').click()",3000);//执行自动点击
	setTimeout("window.location.reload()",3000);//执行刷新当前页面
</script>

有朋自远方来...评论一下呗O(∩_∩)O