# 注意：本文檔后期不在跟新，新文檔遷移到：[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
#### 贊助
