创建一个简单的登录功能

1.前端代码：

<form class="layui-form" name="f1">
        <div class="loginItme">
                <div class="loginName">
                        <p>用户名</p>
                        <input type="text" name="userName" class="layui-input"/>
                 </div>
                 <div class="loginPassword">
                          <p>密&nbsp;&nbsp;&nbsp;码</p>
                          <input type="password" name="password" class="layui-input" οnkeydοwn=KeyDown()/>
                        </div>
                  <div class="loginButton">
                 <button lay-submit lay-filter="login" name="btnsbumit">登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;录</button>
               </div>
        </div>
</form>

2. 通过ajax想数据库发送数据

layui.use('form', function () {
            var form = layui.form,
                layer = layui.layer,
                $ = layui.$;
            form.on("submit(login)", function (obj) {
                var user = obj.field;
                $.ajax({
                    type: "post",
                    url: "",                                                  //接口地址
                    data: user,
                    success: function (result) {
                        if (result.success == true) {
                            window.location.href = ""              //登录成功页面跳转
                        }
                        else {
                            console.log(result);
                        }
                    }
                })
                return false;
            })
        });

//按回车键快速登录

function KeyDown() {
            if (event.keyCode == 13) {
                event.returnValue = false;
                event.cancel = true;
                f1.btnsubmit.click();
            }
        }

3. 将传入的数据与数据库做判断