有没有人成功地将jQuery Validation plugin与JQGrid一起使用?我知道JQGrid有它自己的验证方案,但是它是有限的,而且有点笨拙;而且我更喜欢重用我在其余表单中使用的验证UI、语言和规则。
发布于 2010-04-15 22:00:30
使用此步骤可以编辑内联和验证。
编写函数以突出显示和取消突出显示输入框:
GridErrorHighlight = function(el, er, ev) {
$(el)
.addClass('ui-state-error')
.parent()
.addClass('ui-state-error');
}
GridErrorUnHighlight = function(el, er, ev) {
$(el)
.removeClass('ui-state-error')
.parent()
.removeClass('ui-state-error');
}
扩展jqgrid:
; (function($) {
$.jgrid.extend({
onErrorHighlight: GridErrorHighlight,
onUnHighlight: GridErrorUnHighlight,
});
})(jQuery);
现在很容易让jQuery验证插件使用您的自定义函数。只需创建此选项并初始化验证插件:
var table = $('#tableid').jqGrid({});
var validateOpt = {
meta: "validate",
highlight: table.onErrorHighlight,
unhighlight: table.onUnHighlight
};
$(document).ready(function() {
$('#formId').validate(val);
});
现在很容易为单个输入单元格设置验证器。我们使用jqGrid EditOptions到模型中来添加用于验证的自定义类:
"editoptions":{"class":" {validate: { range:[0,1] } }"}
就这样!
https://stackoverflow.com/questions/1937807
复制相似问题