jquery实现登录成功界面_jquery简单的用户登录注册页面表单切换效果

特效描述：用户登录注册 页面表单切换。jquery用户登录页面和用户注册页面验证和表单进行切换效果

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

登录界面

$(function() {

$('#login').click(function() {

var name_state = $('#name');

var psd_state = $('#psd');

var name = $('#name').val();

var psd = $('#psd').val();

if (name == '') {

name_state.parent().next().next().css("display", "block");

return false;

} else if (psd == '') {

name_state.parent().next().next().css("display", "none");

psd_state.parent().next().next().css("display", "block");

return false;

} else {

name_state.parent().next().next().css("display", "none");

psd_state.parent().next().next().css("display", "none");

$('.login').submit();

}

});

$('#register').click(function() {

var name_r_state = $('#name_r');

var psd_r_state = $('#psd_r');

var affirm_psd_state = $('#a