鍍金池/ 教程/ HTML/ JSF <h:message>標(biāo)簽
JSF數(shù)據(jù)表(h:dataTable)添加刪除
JSF <h:commandLink>標(biāo)簽
JSF應(yīng)用程序入門示例
JSF數(shù)據(jù)表(ui:repeat)創(chuàng)建表
JSF列表框
JSF數(shù)據(jù)表(h:dataTable)DataModel排序數(shù)據(jù)
JSF復(fù)合組件
JSF <h:inputText>標(biāo)簽
JSF表單組合框
JSF <h:messages>標(biāo)簽
JSF <h:message>標(biāo)簽
JSF轉(zhuǎn)換日期時(shí)間
JSF JDBC連接
JSF <h:inputHidden>標(biāo)簽
JSF多選列表框
JSF <h:inputSecret>標(biāo)簽
JSF自定義轉(zhuǎn)換器
JSF <f:ajax>標(biāo)簽
JSF生命周期
JSF可重定位資源
JSFJSF用戶界面組件模型
JSF <h:attribute>標(biāo)簽
JSF驗(yàn)證器標(biāo)簽
JSF驗(yàn)證字符串長度
JSF轉(zhuǎn)換器標(biāo)簽
JSF托管bean(Managed Bean)
JSF值變化的事件
JSF UI組件示例
JSF MySQL CURD實(shí)例
JSF數(shù)據(jù)表(h:dataTable)排序數(shù)據(jù)
JSF <h:graphicImage>標(biāo)簽
JSF <f:convertNumber>標(biāo)簽
JSF教程
JSF托管Bean
JSF輸出腳本
JSF <h:outputText>標(biāo)簽
JSF操作事件
JSF驗(yàn)證正則表達(dá)式
JSF數(shù)據(jù)表(h:dataTable)行號
JSF <h:setPropertyActionListener>標(biāo)簽
JSF注入托管bean實(shí)例
JSF <h:commandButton>標(biāo)簽
JSF Web資源
JSF <h:inputFile>標(biāo)簽
JSF驗(yàn)證浮點(diǎn)數(shù)值范圍
JSF Facelets視圖
JSF是什么?
JSF Facelets模板
JSF的特性(特點(diǎn))
JSF自定義驗(yàn)證器類
JSF單選按鈕
JSF輸出樣式
JSF數(shù)據(jù)表(h:dataTable)更新數(shù)據(jù)
JSF HTML5友好標(biāo)記
JSF表單復(fù)選框(CheckBox)示例
JSF <h:form>標(biāo)簽
JSF Facelets技術(shù)介紹
JSF輸出格式化
JSF <h:inputtextarea>標(biāo)簽
JSF驗(yàn)證整數(shù)范圍
JSF <h:panelGrid>標(biāo)簽

JSF <h:message>標(biāo)簽

它用于顯示特定組件的單個(gè)消息。您可以通過將該組件的id傳遞給for屬性來顯示您的自定義消息。

以下JSF標(biāo)簽 -

<h:inputText  id="username"  size="20" label="UserName" required="true">
   <f:validateLength for="username" minimum="5" maximum="20" />      
</h:inputText>
<h:message for="username" style="color:red" />

如果輸入超過20個(gè)字符時(shí)提示 -

<span style="color:red">UserName: Validation Error: 
Length is greater than allowable maximum of '20'</span>

如果輸入小于5個(gè)字符時(shí)提示 -

<span style="color:red">UserName: Validation Error: 
Length is less than allowable minimum of '5'</span>

如果輸入字段未輸入時(shí)提示 -

<span style="color:red">UserName: Validation Error: Value is required</span>

JSF <h:graphicImage>標(biāo)簽的屬性

標(biāo)簽 描述
for 它是用于分配組件ID的強(qiáng)制性標(biāo)簽,因?yàn)樵撓⑹墙M成的。
errorClass 它用于將CSS樣式類應(yīng)用于嚴(yán)重性類為“ERROR”的任何消息。
errorStyle 它用于將CSS樣式應(yīng)用于嚴(yán)重性級別為“ERROR”的任何消息。
fatalClass 它用于將CSS樣式類應(yīng)用于嚴(yán)重性級別為“FATAL”的任何消息。
FatalStyle 它用于將CSS樣式應(yīng)用于嚴(yán)重性級別為“FATAL”的任何消息。
infoClass 它用于將CSS樣式類應(yīng)用于嚴(yán)重性級別為“INFO”的任何消息。
InfoStyle 它用于將CSS樣式應(yīng)用于嚴(yán)重性級別為“INFO”的任何消息。
tooltip 它用于將消息的詳細(xì)信息部分顯示為工具提示。
warnClass 它用于將CSS樣式類應(yīng)用于嚴(yán)重性類為“WARN”的任何消息。
warnStyle 它用于將CSS樣式應(yīng)用于嚴(yán)重性級別為“WARN”的任何消息。

實(shí)例

文件: index.xhtml 中有如下代碼 -

<?xml version="1.0" encoding="UTF-8"?>
<!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"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:body>
    <h:form>
      <h:messages style="color:red;margin:8px;" />
      <br />
      <h:panelGrid columns="3">
        Enter your username :
        <h:inputText id="username" value="#{user.username}" 
          size="20" required="true"
          label="UserName" >
          <f:validateLength minimum="5" maximum="10" />
        </h:inputText>

        <h:message for="username" style="color:red" />

        Enter your age :
        <h:inputText id="age" value="#{user.age}" 
          size="20" required="true"
          label="Age" >
          <f:validateLongRange for="age" minimum="1" maximum="200" />
        </h:inputText>

        <h:message for="age" style="color:red" />

      </h:panelGrid>

      <h:commandButton value="Submit" action="result" />

    </h:form>

    </h:body>
</html>

文件: UserBean.java 中有如下代碼 -

package com.yiibai;


import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean(name="user")
@SessionScoped
public class User implements Serializable{

  private static final long serialVersionUID = 1L;

  public String username;
  public int age;

  public String getUsername() {
    return username;
  }
  public void setUsername(String username) {
    this.username = username;
  }
  public int getAge() {
    return age;
  }
  public void setAge(int age) {
    this.age = age;
  }

}

以下是result.xhtml文件中的代碼 -

<?xml version="1.0" encoding="UTF-8"?>
<!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"   
      xmlns:h="http://java.sun.com/jsf/html">
    <h:body>
    Username : #{user.username}
    <br />
    Age : #{user.age}
    </h:body>
</html>

運(yùn)行項(xiàng)目

啟動(dòng)Tomcat完成后,在瀏覽器地址欄中輸入以下URL。

http://localhost:8080/hjsf/index.xhtml

運(yùn)行結(jié)果如下 -

未輸入值直接提交,結(jié)果如下 -

輸入值后提交,結(jié)果如下 -