为表中的动态文本框设置验证类
创建包含一行动态文本框的表时会出现此问题,并且目标就是给所有的文本框添加一个验证类。
原代码尝试使用jQuery来添加input.input-validation-error 类到表内的所有文本框,但未能正确应用该类。为了解决这个问题,解决方案包括:
1。将 Data-Val 属性添加到文本框:
为了确保无缝客户端验证,将必要的 data-val 属性包含到文本框和占位符元素以显示验证消息至关重要。这允许 jquery.validate.unobtrusive.js 执行客户端验证。
2.提供默认 ClsTargetInfo 对象:
使用默认 ClsTargetInfo 对象初始化 TargetInfo 属性。该对象的 HTML 表示将在视图中生成。
3.修改动态行的 HTML:
在 HTML 中,从文本框中删除不必要的 id 属性,并添加用于验证消息的占位符元素。另外,请确保为索引器包含隐藏输入以允许非连续索引。
4.生成新行的 HTML:
在表单标记外部创建一个隐藏元素,并将动态行的 HTML 复制到其中。将所有索引器实例替换为虚拟字符,并更新隐藏输入的值以匹配虚拟字符。
5.用于添加新行的 JavaScript:
更新 JavaScript 以克隆新行,用唯一索引器替换虚拟索引器字符,然后追加新行。添加新行以激活客户端验证后,不要忘记重新解析验证器。
6.附加说明:
以上是如何为表中的动态文本框设置验证类?的详细内容。更多信息请关注PHP中文网其他相关文章!