验证可编辑字段

Question

我使用 Jeditable （发布到 CakePHP）在我的页面上进行输入。我希望用户只在 Jeditable 字段中填写数字，所以我的想法是还使用 jQuery 验证插件< /a> 来验证是否仅使用数字，我已经在网站的其他部分使用了它。

当您单击 div 时，Jeditable 会动态创建一个带有输入的表单，因此 Jquery 验证似乎没有任何内容可以绑定，并且它似乎无法正常工作。

我可以通过 Jeditable 设置表单的类名（它只有一个类属性），创建的输入只有一个名称属性，默认为“名称”。

我的问题：

• 这是只需要数字的好方法吗？
• 如果是这样，如何使其与 Jquery validate 一起使用
• 如果不是，什么是更好的解决方案？

提前致谢，我期待得到任何答案；）

Answer 1

您可以直接在 jeditable 中使用 jQuery 验证插件来验证表单的字段

$('.edit').editable(your_url, {
    onsubmit: function(settings, td) {
        var input = $(td).find('input');
        $(this).validate({
            rules: {
                'nameofinput': {
                    number: true
                }
            },
            messages: {
                'actionItemEntity.name': {
                    number: 'Only numbers are allowed'

                }

            }
        });

        return ($(this).valid());
    }
});

Answer 2

这段代码对我有用

function isNumeric(value) {
  if (value == null || !value.toString().match(/^[-]?\d*\.?\d*$/)) return false;
  return true;
}

$('.edit').editable(your_url, {
    onsubmit: function(settings, td) {
      var input = $(td).find('input');
        var original = input.val();
        if (isNumeric(original)) {
            console.log("Validation correct");
            return true;
        } else {
            console.log("Validation failed. Ignoring");
            input.css('background-color','#c00').css('color','#fff');
            return false;
        }
    }
});

Answer 3

您可以使用 Jeditable 中的 onsubmit 事件并检查输入是否只有数字。
这只是一个例子，我没有尝试过：

function isNumeric(value) {
  if (value == null || !value.toString().match(/^[-]?\d*\.?\d*$/)) return false;
  return true;
}

$('.edit').editable(your_url, {
    onsubmit: function(settings, original) {
        if (isNumeric(original)) {
            return true;
        } else {
            //display your message
            return false;
        }
    }
});

Answer 4

有一个代码，也许可以帮助你:D
http://www.codeproject.com/Articles/ 50059/jQuery-Validate-and-Jeditable-Part-2/

Answer 5

对于我的项目，我已将函数名称更改为 isAcceptable，因为我允许括号、破折号、点作为电话号码的一部分。

function isAcceptable(value) {
  if (value == null || !value.toString().match(/^[-+]?\d*\.?[\d\s().-]+$/)) return false;
  return true;
}

Answer 6

打开 jquery.editable.js 并找到：onedit 函数

/* setup some functions */
        var onedit   = settings.onedit   || function() { }; 

并执行以下操作：

$('.edit').editable(your_url, {
    onedit:function(){
            alert("original value"+$(this).text());
   },
});