JSF - h:messages

h:messages 标签在一个地方显示所有与UI元素对应的消息。

JSF 标签

<h:messages style = "color:red;margin:8px;" />

渲染输出

案例：输入的用户名超过20个字符，输入的密码少于5个字符。

<ul style = "color:red;margin:8px;"> 
   <li> UserName: Validation Error:  
      Length is greater than allowable maximum of '20' </li> 
   <li> Password: Validation Error:  
      Length is less than allowable minimum of '5' </li> 
</ul>

标签属性

序号	属性及描述
1	id 组件标识符
2	binding 对可在支持Bean中使用的组件的引用
3	rendered 布尔值；false 抑制渲染
4	styleClass 层叠样式表 (CSS) 类名
5	for 显示其消息的组件的ID，仅适用于 h:message
6	errorClass 应用于错误消息的CSS类
7	errorStyle 应用于错误消息的CSS样式
8	fatalClass 应用于严重错误消息的CSS类
9	fatalStyle 应用于严重错误消息的CSS样式
10	globalOnly 仅显示全局消息的指令，仅适用于 h:messages。默认值：false
11	infoClass 应用于信息消息的CSS类
12	infoStyle 应用于信息消息的CSS样式
13	layout 消息布局规范：表格或列表，仅适用于 h:messages
14	showDetail 布尔值，决定是否显示消息详细信息。h:messages 的默认值为 false，h:message 的默认值为 true
15	showSummary 布尔值，决定是否显示消息摘要。h:messages 的默认值为 true，h:message 的默认值为 false
16	tooltip 布尔值，决定是否在工具提示中渲染消息详细信息；仅当 showDetail 和 showSummary 为 true 时才渲染工具提示
17	warnClass 警告消息的CSS类
18	warnStyle 警告消息的CSS样式
19	style 内联样式信息
20	title 标题，用于辅助功能，描述元素。可视化浏览器通常会为标题的值创建工具提示

示例应用程序

让我们创建一个测试 JSF 应用程序来测试上述标签。

步骤	描述
1	按照JSF - 第一个应用程序章节中的说明，在com.tutorialspoint.test包下创建一个名为helloworld的项目。
2	如下所述修改home.xhtml。保持其余文件不变。
3	编译并运行应用程序，以确保业务逻辑按要求工作。
4	最后，将应用程序构建为 war 文件，并将其部署到 Apache Tomcat Web 服务器。
5	使用如下最后一步中说明的适当 URL 启动您的 Web 应用程序。

home.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns = "http://www.w3.org/1999/xhtml"> 
   <head> 
      <title>JSF Tutorial!</title> 
   </head>
   
   <body> 
      <h2>h:messages example</h2> 
      <hr /> 
      
      <h:form> 
         <h:panelGrid id = "panel" columns = "2" border = "0" cellpadding = "10"  
         cellspacing = "1">   
            <h:outputLabel value = "Enter Username" /> 
            
            <h:inputText  id = "username"  size = "20" label = "UserName"  
               required = "true"> 
               <f:validateLength for = "username" minimum = "5" maximum = "20" />    
            </h:inputText>         
            <h:outputLabel value = "Enter Password" /> 
            
            <h:inputSecret id = "password" size = "20" label = "Password"  
               required = "true" redisplay = "true" > 
               <f:validateLength for = "password" minimum = "5" maximum = "10" />  
            </h:inputSecret>         
            <h:commandButton id = "submit" value = "Submit" action = "result"/> 
         </h:panelGrid> 
         <h:messages style = "color:red;margin:8px;" /> 
      </h:form> 
   
   </body> 
</html>

完成所有更改后，让我们像在 JSF - 第一个应用程序章节中所做的那样编译并运行应用程序。如果您的应用程序一切正常，这将产生以下结果

jsf_basic_tags.htm

打印页面