【问题标题】:Little footprint from HTML5 on Primefaces Client Side Validation (CSV)Primefaces 客户端验证 (CSV) 上的 HTML5 占用很少
【发布时间】:2017-06-06 15:15:41
【问题描述】:

我一直在尝试使用 Primefaces 的客户端验证 (CSV) 示例来获得 HTML5 的足迹效果,但经过多次搜索和多次尝试,我无法获得预期的结果。我遵循了所有文档,包括将必要的参数放在web.xml 中,并且验证本身工作正常,但是脚印效果不起作用。

在 web.xml 中添加参数:

<context-param>
    <param-name>primefaces.CLIENT_SIDE_VALIDATION</param-name>
    <param-value>true</param-value>
</context-param>

在我的文档顶部,我使用 HTML 5 文档的表示法:

<!DOCTYPE html>
  • 尝试使用 WildFly 8.2.1 和现在的 WildFly 10.1 进行部署

  • 尝试使用 Primefaces 5.3,现在使用 6.1,但没有成功

我的问题是如何使用 Primefaces CVS 从 HTML5 中获取小足迹?

示例页面:https://www.primefaces.org/showcase/ui/csv/basic.xhtml

【问题讨论】:

  • 你说的是什么意思?来自 HTML5 with Primefaces CVS 的小足迹”?还有“足迹效应”
  • 如果您指的是展示中的“使用 html5 的小足迹”,那么有两种选择:CSV 有效,并且它使用“使用 html5 的小足迹”或 CSV 不起作用(并且应用程序只是验证服务器端)。据我所知,没有其他选择,所以请解释一下实际发生的情况。
  • 展示中的示例仅在左侧显示红色边框,在我的代码中所有边框都是红色的。
  • 这与“小足迹”无关,而只是(在本例中为 omega)主题中定义的内容。如果你使用不同的,那看起来会有所不同。尝试在展示中使某些内容无效,然后将主题切换为例如天黑后

标签: html primefaces client-side-validation


【解决方案1】:

我认为您误解了“使用 html5 的小足迹”。这意味着它使用浏览器的 html5 功能作为一种“轻量级”实现,因为它不会向元素添加大量代码以使客户端验证 (CSV) 成为现实。

因此,如果 CSV 有效,则您可以使用“小足迹”,如果 CSV 根本不起作用,那么您当然没有它,但那(希望)很明显(“小足迹”不是一些您可以打开和关闭的功能)

您在评论中描述的是纯粹的 CSS/主题。展示中的默认主题是“omega”,它具有(据我所知)错误字段没有完整的红色边界而只有一个在左侧的属性。在使字段无效(例如,切换到 Afterdark)后在展示中切换主题将使这一点变得清晰。

【讨论】:

  • 你是对的,我将 ui-state-error 更改为 {border-left: 2px solid #ef5350;}。谢谢!
猜你喜欢
  • 2014-04-21
  • 2016-12-05
  • 2015-06-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-02-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多