使用编辑规则在网格中进行验证的 jqgrid 内联编辑答案

【问题标题】：jqgrid inline editing with validation in grid using edit rules使用编辑规则在网格中进行验证的 jqgrid 内联编辑
【发布时间】：2013-01-16 09:38:11
【问题描述】：

我正在使用 jqGrid 内联编辑和网格中的验证，使用编辑规则向数据库添加和更新值。

问题是值提交到服务器后验证失败警报

    colModel: [
     {name: 'Country', 
     index: 'Country', 
  editable: true, 
  edittype: 'text',
  sortable: false, 
     align: 'left', 
    search: false,
validation: { required: true }}
    ],

【问题讨论】：

标签： jquery validation jqgrid

【解决方案1】：

colModel 中的项目没有 validation 属性。您应该使用正确的属性名称editrules:

editrules: { required: true }

此外，您可以删除不需要的属性edittype: 'text' 和align: 'left'（请参阅the documentation 中的默认值）。因为index 属性的值与name 的值相同，所以你也可以删除它。

【讨论】：

@user1983094：您的错误可能存在于您未在此处发布的代码部分中。 editrules: { required: true } 仅表示在编辑过程中Country 列不允许空值。
Editrules 显示验证消息，但即使验证失败，它也允许将值提交给服务器
@user1983094：这是错误的。如果您在 jqGrid 中确实有喜欢的错误，您应该发布完整的测试用例来重现问题。现在我们只是消磨时间。

【解决方案2】：

在 JqGrid

中

每当我们尝试在 jqGrid 中创建或更新记录时，如果有任何错误，它会引发错误？

我们可以通过两种方式做到这一点

1) 服务器端调用 -

它将访问服务器并通过successfun()或errorfunction()将响应返回给网格，jqGrid可以自动处理。

2) 客户端验证 -

它用于在使用 editrules 选项将值提交到服务器之前验证用户输入

编辑规则

此选项为可编辑元素添加附加属性，应在 colModel 中使用。

语法：

{name:'price', ..., editrules:{required:true}, editable:true }

自定义函数：

我们可以为该特定列使用我们自己的自定义函数通过使用 custom:true 属性

【讨论】：