diff --git a/css/okadmin.css b/css/okadmin.css index fd0439e..47dcf48 100644 --- a/css/okadmin.css +++ b/css/okadmin.css @@ -729,7 +729,7 @@ padding-right: 110px; } -#login #imgCode .img { +#login .captcha-box .img { position: absolute; top: 1px; bottom: 1px; @@ -765,10 +765,6 @@ background: #fff !important; } -#login #codeImg canvas { - cursor: pointer; -} - /* * 以下都是移动端的处理响应 */ diff --git a/pages/login.html b/pages/login.html index 266c6b8..84568fe 100644 --- a/pages/login.html +++ b/pages/login.html @@ -12,7 +12,7 @@
- +
@@ -21,10 +21,10 @@
-
+
- -
+ +
@@ -43,10 +43,16 @@ var okMock = layui.okMock; var okLayer = layui.okLayer; - var verifyCode = new okGVerify("#codeImg"); + /** + * 初始化验证码 + */ + var verifyCode = new okGVerify("#captchaImg"); + /** + * 数据校验 + */ form.verify({ - password: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'], + password: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"], captcha: function (val) { if (verifyCode.validate(val) != "true") { return verifyCode.validate(val) @@ -54,7 +60,10 @@ } }); - form.on('submit(login)', function (data) { + /** + * 表单提交 + */ + form.on("submit(login)", function (data) { okUtils.ajax(okMock.api.login, "post", data.field).done(function (response) { console.log(response) okLayer.msg.greenTick(response.msg, function () { @@ -66,18 +75,27 @@ return false; }); + /** + * 表单input组件单击时 + */ $("#login .input-item .layui-input").click(function (e) { e.stopPropagation(); $(this).addClass("layui-input-focus").find(".layui-input").focus(); }); + /** + * 表单input组件获取焦点时 + */ $("#login .layui-form-item .layui-input").focus(function () { $(this).parent().addClass("layui-input-focus"); }); + /** + * 表单input组件失去焦点时 + */ $("#login .layui-form-item .layui-input").blur(function () { $(this).parent().removeClass("layui-input-focus"); - if ($(this).val() != '') { + if ($(this).val() != "") { $(this).parent().addClass("layui-input-active"); } else { $(this).parent().removeClass("layui-input-active");