jQuery 和 jVal 验证插件。向元素添加属性

Question

我正在尝试将 jVal 属性添加到我在 HTML 中创建的文本框中。

<input id="subJobName" type="text" jval="{valid:function (val) { return validateSubJobName(val); }, message:'Name already exists or is longer than 14 characters.', styleType:'cover'}" />

我会改为在 javascript 中添加/设置 jVal。

2 个原因 -

第一个：我不需要搜索 HTML 来查看每个项目是如何验证的

第二个：我们正在使用 jqGrid，我想将此验证添加到动态创建的每个文本框。

我以为我可以从 HTMl 中删除 jVal，让我留下纯旧的文本框。

<input id="subJobName" type="text" />

然后在 Doc.Ready 函数中，我将 jVal 添加到 SubJobName 元素，如下所示：

$("#subJobName").attr({ jval: { valid: function(val) { return validateSubJobName(val); }, message: "Nam", styleType: "cover"} });

这不起作用。我不确定我是否能做到这一点？谁有想法？

谢谢

Answer 1

我有 jVal 0.1.4 作为正在进行的工作，它为您正在寻找的内容添加了一个 init() 函数。从http://jquery-jval.googlecode.com/svn/trunk/jVal.js获取最新的jVal.js主干。

您可以将 jVal 和 jValKey 属性附加到字段，然后重新初始化 jVal 功能：

$("#subJobName").attr({ jval: { valid: function(val) { return validateSubJobName(val); }, message: "Nam", styleType: "cover"} });
$.fn.jVal.init();