layui 表单提交

HTML 代码

<link rel="stylesheet" href="/tp5/public/static/layui/css/layui.css"><form class="layui-form" action="{:url('admin/adminRoleSave')}" method="post"><div class="layui-form-item"><label class="layui-form-label">角色名称</label><div class="layui-input-block"><input type="text" name="name" placeholder="请输入" autocomplete="off" class="layui-input"></div></div><div class="layui-form-item layui-form-text"><label class="layui-form-label">请填写描述</label><div class="layui-input-block"><textarea name="remarks" placeholder="请输入内容" class="layui-textarea"></textarea></div></div><div class="layui-form-item"><div class="layui-input-block"><button class="layui-btn" lay-submit lay-filter="demo">新增角色</button></div></div>
</form>

javascript代码

script src="/tp5/public/static/js/jquery.min.js"></script>
<script src="/tp5/public/static/layui/layui.js"></script>

<script>layui.use('form', function(){var form = layui.form();//监听提交form.on('submit(*)', function(data){$.ajax({url:data.form.action,type:data.form.method,data: data.field,success: function (info) {if (info.code === 1) {setTimeout(function () {location.href = info.url;}, 1000);}layer.msg(info.msg);}});return false;});});
</script>

layui 表单提交相关推荐

layui表单提交使用form.on(‘submit(sub)‘,function (){}) 使用ajax请求时回调不执行的原因及解决方法
layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法参考文章: (1)layui表单提交使用form.on(' ...
form表单提交，后台实体类接收转义问题解决方案
Ajax传一个实体给后台,以@RequestBody来接收: https://blog.csdn.net/zhou_pp/article/details/94738434 前台提交整个表单数据,后台实 ...
Layui表单验证失效解决办法
出现layui表单提交时没有进行验证的情况解决办法 <div class="layui-input-inline" style="width: 150px;&quo ...
layui删除后刷新表格_layui form表单提交之后重新加载数据表格的方法
如下图,在我们做高级查询的时候需要重新加载数据表格table.reload(); HTML form表单菜单:  JS $(function () { //注意:这里是数据表格的加载数据,必须写 ...
layui lih_tag 标签组件 form表单提交
只是针对那些只会后端前端技术不咋的人看的,前端高手当我不存在. 第一步引入tag layui.use(['tag','form','jquery'],function(){let form = lay ...
layui:form表单提交
<form class="layui-form" action="" id="login_form" lay-filter=" ...
layui提交表单自动刷新_layui form表单提交后实现自动刷新
刚刚使用layui 来做东西,对这一切都不熟悉,使用一下form表单,但是,不能成功的使用. 问题: 1.提交表单,页面自动刷新. 出现这样的情况呢,搜索了一下是因为表单的提交按钮没有type类型.哪 ...
layui的form表单提交数据，layui的select框默认选中
1.提交数据 1.1html <form class="layui-form" action="" method=""> < ...
ajax form表单提交_LayUI提交表单，监听select，分页组件
1.LayUI提交表单这几天做项目,用到提交layui框架的弹出层的表单,因为需要在提交表单后,关闭当前弹出层,同时刷新父窗口的数据,因此,用普通的提交就不行了,因为普通的提交到后台之后没有返回值, ...

layui 表单提交

layui 表单提交相关推荐

最新文章

热门文章