75 lines
2.2 KiB
HTML
75 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
<link rel="stylesheet" href="../static/css/layui.css">
|
|
</head>
|
|
<body>
|
|
<div style="width: 500px;height: 400px;margin: 200px auto;">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">用户名</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="username" name="username" lay-verify="title" autocomplete="off" placeholder="请输入用户名"
|
|
class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">密码框</label>
|
|
<div class="layui-input-block">
|
|
<input type="password" id="password" name="password" placeholder="请输入密码" autocomplete="off"
|
|
class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<input type="button" id="btn" class="layui-btn" lay-submit lay-filter="fromDemo" value="提交"/>
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
|
|
<script src="../static/layui.js"></script>
|
|
<script>
|
|
$("#btn").click(function () {
|
|
ajax('/checklogin', {username: $("#username").val(), password: $("#password").val()},
|
|
function (data) {
|
|
window.location.href = '/'
|
|
})
|
|
})
|
|
|
|
function ajax(url, data, fun) {
|
|
$.ajax({
|
|
url: url,
|
|
type: 'post',
|
|
data: data,
|
|
dataType: 'json',
|
|
success: function (data) {
|
|
console.log(data, "111")
|
|
if(data.code===500){
|
|
alert(data.msg)
|
|
}else {
|
|
window.location.href = '/'
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
layui.use('form', function () {
|
|
var form = layui.form
|
|
|
|
//监听提交
|
|
form.on('submit(fromDemo)', function (data) {
|
|
{#layer.msg(messages)#}
|
|
//可以发送动态请求
|
|
return false;
|
|
});
|
|
});
|
|
|
|
|
|
</script>
|