zoukankan      html  css  js  c++  java
  • layui按回车键实现表单提交

    layui中标准用法如下:
    <form class="layui-form">
    <input type="button" id="queryCondBtn" class="layui-btn" lay-submit lay-filter="queryCondBtn" value="提交">
    </form>
    form.on('submit(queryCondBtn)', function(data){
    // 相关操作
    });
    
    layui.use(['form','jquery','layer'],function(){
    var form = layui.form,
    $ = layui.jquery,
    layer = layui.layer;
    form.on("submit(queryCondBtn)",function(data){
    console.log(data);
    //书写自己的逻辑...
    return false;
    });
    
    });
    $(#XXX).keydown(function (e) {
    if (e.keyCode === 13) {
    $("#queryCondBtn").trigger("click");
    }
    });
    
    <div class="layui-form-item" style="margin-bottom: 20px;">
              <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">
              <a href="forget.html" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>
            </div>
            <div class="layui-form-item">
              <button id="LAY-user-login-submit" class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
            </div>
    <div class="layui-trans layui-form-item layadmin-user-login-other">
    --------------------------------------------------
    $('#LAY-user-login-password').on('keydown', function (event) {
            if (event.keyCode == 13) {
                $("#LAY-user-login-submit").trigger("click");
    
                return false
            }
    });
    
  • 相关阅读:
    $route 侦听路由参数的变化
    vue移动端(持续更新......)
    vue本地开发配置及项目部署
    vue解决虚拟dom复用的问题
    移动端头部固定中间内容滚动
    VUE的路由懒加载及组件懒加载
    VUEX(状态管理)之憨憨篇
    Go-第一篇
    高精度1
    牛客练习赛61
  • 原文地址:https://www.cnblogs.com/xidianzxm/p/11532871.html
Copyright © 2011-2022 走看看