【问题标题】:How to validate xeditable inputbox如何验证可编辑输入框
【发布时间】:2015-11-19 14:17:26
【问题描述】:

我正在使用 xeditable 来获得内联可编辑功能,但现在我一直在尝试验证我的输入。

这里是一个使用jsFiddle的例子

我尝试了以下代码,但没有成功。

validate: function(value) {
  if($.trim(value) == '') 
    return 'This field is required';
}

【问题讨论】:

  • 应该可以,任何错误,尝试将value 的值打印到控制台?我唯一要添加的是if 的花括号,例如if($.trim(value) == '') { return 'This field is required'; }.
  • @martincarlin87 你能给我看看小提琴吗?
  • 您要准确验证什么?
  • @faressoft 我试图在提交时验证输入字段,并带有警告消息“此字段是必需的”。
  • 你不想验证保存还是什么?名称字段的验证工作正常!条件始终为假,因为 id 是 4 而不是 2。

标签: javascript jquery angularjs x-editable


【解决方案1】:

你可以像这样定义一个验证函数:

$scope.validateRequired = function(value) {
  if(!value)
    return "Required field";
};

然后将它与事件onbeforesave一起使用

onbeforesave="validateRequired($data)"

请检查:

http://jsfiddle.net/NfPcH/11642/

【讨论】:

  • 你知道如何禁用同一个小提琴中的添加按钮,直到我们点击保存按钮,这样我们就无法获得另一个空白字段。
  • 我建议使用 ng-disable="checkValid()" 并在该函数内部检查所有字段是否有效并返回一个布尔值。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-01-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-02-08
  • 2014-03-25
相关资源
最近更新 更多