# 注意：本文档后期不在跟新，新文档迁移到：[http://www.openkit.cc/docs/kitadmin/#/](http://www.openkit.cc/docs/kitadmin/#/)
#### 首先感谢使用KitAdmin后台开发框架
#### 反馈交流QQ群：696279396
> 我们的 Form 表单提交严格按照 Layui 的格式书写，不要直接通过 From 中的，Action 属性提交
1. 首先我们需要在 html 里边实例化一个上传的 LayUI 控件
```html
<form class="layui-form " action="">
<!-- 表单控件 -->
<div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="add">提交</button>
</div>
</form>
```
> 注意上面的空间一定要放在 Form 表单里边，如果你想要其他的按钮样式的话可以自己查看layui说明文档
2. 再来我们需要在 html 文件里引用 layui 库，同时我们可以引用一下 jQuery
```html
<link rel="stylesheet" href="<%=basePath%>templates/style/plugins/layui/css/layui.css" media="all">
<link rel="stylesheet" href="<%=basePath%>templates/style/build/css/doc.css" media="all">
<script src="<%=basePath%>templates/style/plugins/layui/layui.js"></script>
<script src="<%=basePath%>templates/style/plugins/layui/jquery-3.3.1.min.js"></script>
```
3. 下面我们可以直接写一下下面的代码，即可实现突破上传
```js
<script>
layui.use(['form', 'layedit', 'laydate', 'element', 'layer', 'upload'], function(){
var form = layui.form,
layer = layui.layer,
element = layui.element,
upload = layui.upload;
laydate = layui.laydate;
//监听提交，发送请求
form.on('submit(add)', function(data){
if(data.field.kitAdminPassword!=data.field.kitAdminPasswordAgen){
layer.alert('两次密码输入不一致');
return false;
}
$.post("<%=basePath%>admin/add",data.field,function(data){
// 获取 session
if(data.code!=200){
layer.alert(data.msg, {offset: 't',icon: 5});
}
if(data.code==200){
layer.alert(data.msg, {offset: 't',icon: 6});
}
});
return false;
});
});
</script>
```
> 注意：借助于LayUI，我们可以实现基本的表单验证，具体的验证规则可以产看layui，而且我们建议所有的验证，尽量使用 LayUI 的校验方式编写
layui校验方式编写文档：http://www.layui.com/doc/modules/form.html
#### 反馈交流QQ群：696279396
#### 赞助
