js前端-登錄js腳本

html部分

<div class="col-md-6">
	<div class="ibox-content">
		<div class="m-t login_wrap">
			<div class="form-group text-center">
				<h2 class="font-bold">登錄</h2>
			</div>
			<div class="form-group">
				<input type="text" name="login_name" class="form-control" placeholder="請輸入登錄用戶名">
			</div>
			<div class="form-group">
				<input type="password" name="login_pwd" class="form-control" placeholder="請輸入登錄密碼">
			</div>
			<button type="button" class="btn btn-primary block full-width m-b do-login">登錄</button>
		</div>
	</div>
</div>

js部分

• js文件開頭用分號";"的原因：爲了多個JS文件合併壓縮的時候防止文件之間沒有;分隔導致錯誤

;
let user_login_ops = {
    init: function () {
        this.eventBind();
    },
    eventBind: function () {
        $(".login_wrap .do-login").click(function () {
            let login_name = $(".login_wrap input[name=login_name]").val();
            let login_pwd = $(".login_wrap input[name=login_pwd]").val();

            if (login_name == undefined || login_name.length < 1) {
                common_ops.alert("請輸入正確的登錄用戶名");
                return;
            }
            if (login_pwd == undefined || login_pwd.length < 1) {
                common_ops.alert("請輸入正確的密碼");
                return;
            }

            $.ajax({
                url: common_ops.buildUrl("/user/login"),
                type: 'POST',
                data: {'login_name': login_name, 'login_pwd': login_pwd},
                dataType: 'json',
                success: function (res) {
                    btn_target.removeClass("disabled");
                    let callback = null;
                    if (res.code == 200) {
                        callback = function () {
                            window.location.href = common_ops.buildUrl("/");
                        }
                    }
                    common_ops.alert(res.msg, callback);
                }
            });
        });
    }
};

$(document).ready(function () {
    user_login_ops.init();
});