layui的提交监听里怎么写jquery
展开全部
本文实例为大家分享了layui文件上传的具体代码,供大家参考,具体内容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文件上传</title>
<link rel="stylesheet" href="layui/css/layui.css">
<link rel="stylesheet" href="css/global.css">
</head>
<body>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文件上传</title>
<link rel="stylesheet" href="layui/css/layui.css">
<link rel="stylesheet" href="css/global.css">
</head>
<body>
展开全部
以下是HTML代码
[pre]
<form action="" class="layui-form" >
<div class="layui-form-mid">等级:</div>
<div class="layui-input-inline" style="width: 100px;">
<input type="text" name="grade" autocomplete="off" class="layui-input">
</div>
<div class="layui-form-mid">分销别名:</div>
<div class="layui-input-inline" style="width: 100px;">
<input type="text" name="alias" autocomplete="off" class="layui-input">
</div>
<!-- <div class="layui-form-mid">性别:</div>
<div class="layui-input-inline" style="width: 100px;">
<select name="sex">
<option value="1">男</option>
<option value="2">女</option>
</select>
</div> -->
<div class="layui-form-mid">分销比率:</div>
<div class="layui-input-inline" style="width: 100px;">
<input type="text" name="rate" autocomplete="off" class="layui-input">
</div>
<button type="reset" class="layui-btn layui-btn-primary" >重置</button>
<button class="layui-btn layui-btn-blue" lay-submit="" lay-filter="srchbtn" >查询</button>
</form>
[/pre]
<script src="../assets/js/jquery-1.11.3.min.js"></script>
<script src="../assets/layui.all.js"></script>
<!-- <script src="assets/layui.all.js"></script> -->
<script>
layui.use(['form', 'table'], function(){
var table = layui.table;
var form = layui.form;
form.on('submit(srchbtn)', function(data){
//这里就可以写jQuery代码了
console.log(data.field.grade+","+data.field.alias+","+data.field.rate);//当前容器的全部表单字段,名值对形式:{name: value}
table.reload('agconf', {
url: '../mgagent?reqt=1'
,where: {
grade:data.field.grade
,alias:data.field.alias
,rate:data.field.rate
} //设定异步数据接口的额外参数
});
return false;
});
});
有两个注意事项:
1、 form.on('submit(srchbtn)', function(data){}中的 srchbtn 为 <button class="layui-btn layui-btn-blue" lay-submit="" lay-filter="srchbtn" >查询</button> 中的lay-filter的值
2、取form表单的值是:data.field.name name为 input标签的中name对应的属性值:如<input type="text" name="alias" autocomplete="off" class="layui-input">那么
取值的代码为data.field.alisa
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询