首页 > web前端 > css教程 > 如何为表中的动态文本框设置验证类?

如何为表中的动态文本框设置验证类?

Mary-Kate Olsen
发布: 2025-01-01 02:23:08
原创
912 人浏览过

How to Set Validation Classes for Dynamic Textboxes in a Table?

为表中的动态文本框设置验证类

创建包含一行动态文本框的表时会出现此问题,并且目标就是给所有的文本框添加一个验证类。

原代码尝试使用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.附加说明:

  • 优先使用 CSS 进行样式设置而不是内联样式。
  • 考虑使用隐藏输入进行索引而不是删除按钮。
  • 利用 BeginCollectionItem更好的可维护性的帮助者。

以上是如何为表中的动态文本框设置验证类?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板