登录

共计 1965 个字符，预计需要花费 5 分钟才能阅读完成。

button 的形式：<input type=”button” id=”login” class=”btn btn-main” value=” 登录 ”>

<link rel=”stylesheet” href=”/css/plugins/toastr/toastr.min.css”>
<script src=”/js/jquery.min.js”></script>
<script src=”/js/plugins/toastr/toastr.min.js”></script>

$(function(){
$(“#login”).click(function(){
if($.trim($(“#username”).val()) != “” && $.trim($(“#password”).val()) != “”){
login();
}else{
if ($.trim($(“#username”).val()) == “”){
toastr.error(“ 请输入用户名！”);
$(“#username”).focus();
}else if ($.trim($(“#password”).val()) == “”){
toastr.error(“ 请输入密码！”);
$(“#password”).focus();
}
}
})
keypresslogin();
})

//enter 回车键登录
function keypresslogin(){
$(‘#password’).bind(‘keypress’, function(event) {
if (event.keyCode == “13”)
{
login();
}
});
}
function login(){
$.ajax({
type: “POST”,
url: “/login”,
data: {
username:$(“#username”).val(),
password:$(“#password”).val()
},
success: function (r) {
if (r.code == 0) {
toastr.success(“ 登录成功！”);
window.location.href=’/main’;
} else {
toastr.error(r.msg);
}
},
});
}
submit 的形式：<input type=”submit” class=”btn btn-main” value=” 登录 ”>
<link rel=”stylesheet” href=”/css/plugins/toastr/toastr.min.css”>
<script src=”/js/jquery.min.js”></script>
<script src=”/js/plugins/toastr/toastr.min.js”></script>
<script src=”/js/plugins/validate/jquery.validate.min.js”></script>

<script>
$(function(){
function validateRule() {
$(“#login”).validate({
submitHandler : function() {
login();
}
});
}
validateRule();

//enter 回车键登录
function keypresslogin(){
$(‘#password’).bind(‘keypress’, function(event) {
if (event.keyCode == “13”){
validateRule();
}
});
}
})

function login(){
var username=$.trim($(“#username”).val());
var password=$.trim($(“#password”).val());
if (username == “”){
toastr.error(“ 请输入用户名！”);
$(“#username”).focus();
}else if (password == “”){
toastr.error(“ 请输入密码！”);
$(“#password”).focus();
}else{
var loginInfo = $(‘#login’).serialize();
$.ajax({
cache : true,
type : “POST”,
url : “/login”,
data : loginInfo,
async : true,
error : function(request) {
toastr.error(“Connection error”);
},
success : function(r) {
if (r.code == 0) {
toastr.success(“ 登录成功！”);
window.location.href=’/main’;
} else {
toastr.error(r.msg);
}
}
});
}
}
</script>