JSF <h:message>標籤

它用於顯示特定元件的單個訊息。您可以通過將該元件的id傳遞給for屬性來顯示您的自定義訊息。

以下JSF標籤 -

<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個字元時提示 -

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

如果輸入小於5個字元時提示 -

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

如果輸入欄位未輸入時提示 -

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

JSF `<h:graphicImage>`標籤的屬性

標籤	描述
for	它是用於分配元件ID的強制性標籤，因為該訊息是組成的。
errorClass	它用於將CSS樣式類應用於嚴重性類為「`ERROR`」的任何訊息。
errorStyle	它用於將CSS樣式應用於嚴重性級別為「`ERROR`」的任何訊息。
fatalClass	它用於將CSS樣式類應用於嚴重性級別為「`FATAL`」的任何訊息。
FatalStyle	它用於將CSS樣式應用於嚴重性級別為「`FATAL`」的任何訊息。
infoClass	它用於將CSS樣式類應用於嚴重性級別為「`INFO`」的任何訊息。
InfoStyle	它用於將CSS樣式應用於嚴重性級別為「`INFO`」的任何訊息。
tooltip	它用於將訊息的詳細資訊部分顯示為工具提示。
warnClass	它用於將CSS樣式類應用於嚴重性類為「`WARN`」的任何訊息。
warnStyle	它用於將CSS樣式應用於嚴重性級別為「WARN」的任何訊息。

範例

檔案： 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>

執行專案

啟動Tomcat完成後，在瀏覽器位址列中輸入以下URL。

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

執行結果如下 -

未輸入值直接提交，結果如下 -

輸入值後提交，結果如下 -

JSF <h:graphicImage>標籤的屬性

範例

執行專案

JSF `<h:graphicImage>`標籤的屬性