【问题标题】:X-editable(select): Avoid submitting on pressing enter keyX-editable(select): 避免按回车键提交
【发布时间】:2015-06-16 10:42:32
【问题描述】:

我需要避免通过按回车键提交 x-editable 选择,并允许用户仅通过单击提交按钮来提交它。

我在documentation 中找不到任何关于如何在 x-editable 中实现这一点的参考。

这里是 x-editable 初始化代码:

$(".xe-user").editable({
            mode        : "popup",
            type        : "select",
            source      : webroot + "/index.php/user/getUser",
            name        : "Id_user",
            toogle      : "manual",
            url         : url
        }); 

【问题讨论】:

    标签: jquery form-submit x-editable


    【解决方案1】:

    这样做

    $('.data-item').on('shown', function(e, editable) {
        editable.input.$input.keypress(function (e) {
            if (e.which == 13) {
                return false;
            }
        });
    });
    

    其中“.data-item”是可编辑元素。如果您禁用通过回车按钮提交表单,您需要有自己的“保存”按钮来提交表单。

    【讨论】:

    • 谢谢!它对文本输入 xeditables 很有用,但我无法让它与 select 一起使用,这是我的第一个问题......
    • 由于这是我所要求的最佳方法,我将接受它作为最佳答案。
    【解决方案2】:

    jQuery(document).on('keypress','.editable-text',function(e){
                    if(e.which == 13) {
                            return false;
                    }
            });

    这里的 '.editable-text' 是您的输入文件类。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-07-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-09-15
      • 2012-01-02
      • 2012-03-31
      相关资源
      最近更新 更多