极客观点
项目管理
HarmonyOS
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<link rel="stylesheet"
href="<%=request.getContextPath()%>/webjars/layui/2.2.5/css/layui.css">
<link rel="stylesheet"
href="<%=request.getContextPath()%>/webjars/layui/2.2.5/css/modules/layer/default/layer.css">
<script language="JavaScript"
src="<%=request.getContextPath()%>/webjars/jquery/3.2.1/dist/jquery.js"></script>
<script language="JavaScript"
src="<%=request.getContextPath()%>/webjars/layui/2.2.5/layui.js"></script>
<script language="JavaScript"
src="<%=request.getContextPath()%>/webjars/layui/2.2.5/lay/modules/layer.js"></script>
<script language="JavaScript"
src="<%=request.getContextPath()%>/webjars/layui/2.2.5/lay/modules/element.js"></script>
<script language="JavaScript"
src="<%=request.getContextPath()%>/webjars/layui/2.2.5/lay/modules/form.js"></script>
<script>
layui.use("form", function () {
var $form = layui.form, $ = layui.jquery;
$form.verify({
name:
[
/^[a-zA-Z0-9]{6,12}$/
, '密码必须6到12位，且不能出现空格'
]
});
$form.on("submit(formDemo)", function (data) {
console.log(data);
$.ajax({
url: "<%=request.getContextPath()%>/user/layui",
data: data.field,
type: "post",
dataType: "json",
success: function (result) {
console.log(result);
},
error: function (result) {
console.log(result);
}
});
return false;
});
});
</script>
</head>
<body>
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">账号</label>
<div class="layui-input-block layui-col-lg4">
<input class="layui-input" type="text" name="id" placeholder="请输入账号"
lay-verify="number" required>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码</label>
<div class="layui-input-block">
<input type="password" name="name" lay-verify="name" class="layui-input" placeholder="请输入密码">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn layui-btn-primary" type="button" lay-submit
lay-filter="formDemo" id="login">登录
</button>
</div>
</div></form>
</body>
</html>
提交表单之后为什么执行了两次？
html5
引入一下的方法，一次性引入所有js模块。
<script language="JavaScript"