Destoon是一款非常实用的CMS系统，它提供了非常便捷的注册登录功能。本文将介绍如何使用Destoon注册登录js实现登录界面跳转登录注册。
1. 下载Destoon注册登录js
首先需要从Destoon官网下载注册登录js插件，解压后将文件夹中的login.js和register.js文件复制到网站根目录下的include/js目录中。
2. 引入Destoon注册登录js
在需要使用注册登录功能的页面中，需要引入login.js和register.js文件。可以在页面头部或者底部使用以下代码引入：
<script type="text/javascript" src="/include/js/login.js"></script>
<script type="text/javascript" src="/include/js/register.js"></script>
3. 设置登录注册按钮
在页面中添加登录注册按钮，可以使用以下代码：
<div class="login_box">
<a href="javascript:;" onclick="show_login()">登录</a>
<a href="javascript:;" onclick="show_register()">注册</a>
</div>
其中，show_login()函数和show_register()函数是Destoon注册登录js中提供的函数，用于显示登录和注册界面。
4. 显示登录界面
当用户点击登录按钮时，需要调用show_login()函数来显示登录界面。可以在页面中添加以下代码：
<div id="login_box" class="login_box">
<div class="login_title">用户登录</div>
<form action="" method="post" onsubmit="return check_login()">
<ul>
<li>用户名：<input type="text" name="username" id="username" /></li>
<li>密 码：<input type="password" name="password" id="password" /></li>
<li><input type="submit" value="登录" /></li>
</ul>
</form>
</div>
在表单中，需要设置用户名和密码的输入框，以及一个提交按钮。当用户点击提交按钮时，需要调用check_login()函数来验证用户输入的用户名和密码是否正确。
5. 显示注册界面
当用户点击注册按钮时，需要调用show_register()函数来显示注册界面。可以在页面中添加以下代码：
<div id="register_box" class="login_box">
<div class="login_title">用户注册</div>
<form action="" method="post" onsubmit="return check_register()">
<ul>
<li>用户名：<input type="text" name="username" id="username" /></li>
<li>密 码：<input type="password" name="password" id="password" /></li>
<li>确认密码：<input type="password" name="repassword" id="repassword" /></li>
<li>邮箱地址：<input type="text" name="email" id="email" /></li>
<li><input type="submit" value="注册" /></li>
</ul>
</form>
</div>
在表单中，需要设置用户名、密码、确认密码和邮箱地址的输入框，以及一个提交按钮。当用户点击提交按钮时，需要调用check_register()函数来验证用户输入的信息是否正确。
6. 验证登录信息
在Destoon注册登录js中，提供了check_login()函数用于验证用户输入的用户名和密码是否正确。可以在login.js文件中找到此函数：
function check_login() {
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
if(username == '') {
alert('请输入用户名');
return false;
}
if(password == '') {
alert('请输入密码');
return false;
}
// 验证用户名和密码是否正确
// 如果正确，则跳转到用户中心
// 如果错误，则提示错误信息
}
在此函数中，首先获取用户输入的用户名和密码，然后进行验证。如果用户名或密码为空，则提示用户输入。如果用户名和密码都不为空，则需要使用Ajax技术将用户名和密码发送到服务器端进行验证。如果验证通过，则可以跳转到用户中心页面；如果验证失败，则需要提示错误信息。
7. 验证注册信息
在Destoon注册登录js中，提供了check_register()函数用于验证用户输入的注册信息是否正确。可以在register.js文件中找到此函数：
function check_register() {
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
var repassword = document.getElementById('repassword').value;
var email = document.getElementById('email').value;
if(username == '') {
alert('请输入用户名');
return false;
}
if(password == '') {
alert('请输入密码');
return false;
}
if(repassword == '') {
alert('请确认密码');
return false;
}
if(password != repassword) {
alert('两次输入的密码不一致');
return false;
}
if(email == '') {
alert('请输入邮箱地址');
return false;
}
// 验证用户名、密码、邮箱地址是否符合规则
// 如果符合规则，则跳转到用户中心
// 如果不符合规则，则提示错误信息
}
在此函数中，首先获取用户输入的用户名、密码、确认密码和邮箱地址，然后进行验证。如果其中任意一项为空，则提示用户输入。如果密码和确认密码不一致，则提示用户重新输入。如果所有信息都符合规则，则需要使用Ajax技术将信息发送到服务器端进行注册。如果注册成功，则可以跳转到用户中心页面；如果注册失败，则需要提示错误信息。