话不多说,直接看代码:
引入相关文档:
<script th:src="@{/js/jquery-1.9.1.js}"></script>
<script th:src="@{/js/jquery.form.js}"></script>
<script src="/layui/layui.js"></script>
<link rel="stylesheet" href="/layui/css/layui.css">
(这里会使用ajax
与jquery.form.js
进行表单提交)
Form表格部分:
<form id="upload_form" action="/upload" class="layui-form">
<div class="layui-form-item">
<label for="name" class="layui-form-label">姓名:</label>
<input type="text" name="name" id="name" lay-verify="name">
</div>
<div class="layui-form-item">
<label for="sex" class="layui-form-label">性别:</label>
<select id="sex" name="sex" lay-filter="sex" lay-verify="sex">
<option value="0">请选择</option>
<option value="1">男</option>
<option value="2">女</option>
</select>
</div>
<div class="layui-form-item">
<label for="type" class="layui-form-label">类型:</label>
<select id="type" name="type" lay-filter="type" lay-verify="type">
<option value="0">请选择</option>
</select>
</div>
<div class="layui-form-item">
<label for="phone" class="layui-form-label">手机:</label>
<inp