layui的提交监听里怎么写jquery

layui的提交监听里怎么写jquery

本文实例为大家分享了layui文件上传的具体代码，供大家参考，具体内容如下

以下是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

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息！