[TOC]
# 9.表单提交
- `form` 中加入 `action` 和 `method`,
- 提交按钮中加入 `lay-submit="" lay-filter="submit" ` 即可
```
<form class="layui-form" action="{:url('rbac/roleAddPost')}" method="post">
//todo
<button type="button" lay-submit="" lay-filter="submit" class="layui-btn">增加</button>
</form>
```
>这个方法有一个缺点,提交之后就关闭当前弹出窗口
>注:这里是在 `jqajax.js` 中书写的! 如图所示:
![mark](http://qiniu.newthink.cc/blog/20171020-153527207.png)
# 自定义跳转到其他页面!
原理:重新监听 `submit2`,以前是 `submit`
```
<a class="layui-btn" lay-submit="" lay-filter="submit2">立即提交</a>
<script src="__STATIC__/larry/js/admin.js"></script>
<script>
layui.use(['jqajax','form','layer'],function(){
var form = layui.form;
var runAjax = new layui.jqajax();
form.on('submit(submit2)',function (data) {
var params = {
method: 'post',
url: data.form.getAttribute('action'),
data: data.field
};
runAjax.ajax(params);
runAjax.complete = function (ret) {
layer.closeAll();
if(ret){
if (ret.msg) {
layer.msg(ret.msg,{
time:3000
},function(){
window.location.href = ret.url;
})
}
}
}
});
});
</script>
```
或者:
```
$('form').submit();
```
- select
- select自定义值
- fsLayuiPluginSelect
- 修改源码并重新编译的操作流程
- Fly Template
- LayUI版本
- LayIM
- 《layui从鱼到渔》系列教程
- 提示框的颜色
- lay-verType异常提示层
- 提示
- Layui-JS
- 日期
- 1数据表格-张伟
- 2弹出层
- 3更改状态
- 4删除操作
- 5点击列表显示图片
- 6.搜索功能
- 7.批量删除
- 8.排序功能
- 9.表单提交
- 10.单图上传
- 11.表单中城市区联动
- 12单图上传
- 13.其他备注
- 点击弹出及保存自动关闭最简实例
- 参数
- jqajax的应用
- js-del,js-action弹出操作
- 编辑删除
- LayUI
- layui-tab 标签页
- layui-table 静态表格
- layui-btn 按钮
- layui.data
- layui-数据表格
- 监听
- 必填
- 底层方法
- layui-表单监听
- lay-tpl
- 加载中
- layui-form表单
- layui内置模块(element常用元素操作)
- layui-tab变为竖形形式
- LayUI-cdn及初始模板
- laytpl-checkbox不显示样式
- 点击加载active样式
- layui官方干货
- onclick的坑
- layer.js怎么传参
- laytpl判断
- 如何在一个div区域块内显示加载效果
- LayUI扩展
- 基于Layui做出来的Target标签选中功能
- layui拓展之“下拉多选功能”
- layUI 扩展模块之树形下拉选择框 selecttree
- 自己做的 layui 星星评分插件
- 精品
- 给 layui 扩展一个 steps 步骤组件
- 知识采集
- checkbox
- laypage+laytpl
- laypage
- laypage-jquery
- lay-verify扩展
- LayUI封装
- 问题
- 为什么layer中弹出层内容点击事件不起作用