修改Struts2表單錯誤提示的顯示樣式

表單代碼:

<s:form action="userRegisterAction" method="post">
<s:textfield name="username" required="true" label="用戶名"></s:textfield><br/>
<s:password label="密碼" name="userpass" required="true" requiredposition="left"></s:password><br/>
<s:radio list="#{1:'男',0:'女'}" name="sex" requiredposition="left" label="性別"></s:radio><br/>
<s:select list="{'請選擇省份','江蘇','北京','上海','廣州'}" name="province" requiredposition="left" label="省份"></s:select><br/>
<s:checkboxlist list="{'C','Java','C#'}" name="goodat" label="特長"></s:checkboxlist><br/>
<s:textarea rows="5" cols="30" name="description" requiredposition="left" label="描述"></s:textarea><br/>
<s:submit value="註冊"></s:submit>
<s:reset value="清空"></s:reset>
</s:form>


userRegisterAction.java很簡單:

public class UserRegisterAction extends ActionSupport {

	/**
	 * @author lovemu
	 * 用戶註冊
	 */
	private static final long serialVersionUID = -6342452733015612274L;
	private String username;  //用戶名
	private String userpass;  //密碼
	private int sex;  //性別
	private String province;  //省份
	private String[] goodat;  //特長
	private String description;  //描述
	public String getUsername() {
		return username;
	}
	public void setUsername(String username) {
		this.username = username;
	}
	public String getUserpass() {
		return userpass;
	}
	public void setUserpass(String userpass) {
		this.userpass = userpass;
	}
	public int getSex() {
		return sex;
	}
	public void setSex(int sex) {
		this.sex = sex;
	}
	public String getProvince() {
		return province;
	}
	public void setProvince(String province) {
		this.province = province;
	}
	public String[] getGoodat() {
		return goodat;
	}
	public void setGoodat(String[] goodat) {
		this.goodat = goodat;
	}
	public String getDescription() {
		return description;
	}
	public void setDescription(String description) {
		this.description = description;
	}
	public String execute() throws Exception{
		return SUCCESS;
	}
}

execute()方法中只有一句,用於測試

 

錯誤信息顯示爲:

 

更改表單爲:

<s:form action="userRegisterAction" method="post" theme="simple">
<label>用戶名:</label><s:textfield name="username" required="true"></s:textfield><br/>
<label>密  碼:</label><s:password label="密碼" name="userpass" required="true" requiredposition="left"></s:password><br/>
<label>性  別:</label><s:radio list="#{1:'男',0:'女'}" name="sex" requiredposition="left"></s:radio><br/>
<label>省  份:</label><s:select list="{'請選擇省份','江蘇','北京','上海','廣州'}" name="province" requiredposition="left"></s:select><br/>
<label>特  長:</label><s:checkboxlist list="{'C','Java','C#'}" name="goodat"></s:checkboxlist><br/>
<label>描  述:</label><s:textarea rows="5" cols="30" name="description" requiredposition="left"></s:textarea><br/>
<s:submit value="註冊"></s:submit>
<s:reset value="清空"></s:reset>
</s:form>


 

再添加一句:

<s:fielderror cssStyle="color:red"></s:fielderror>

 

將會使提示信息變爲:

這樣再適當修改下樣式,就可以很美觀的將錯誤提示信息集中顯示在一個地方

其中關鍵地方就是在表單中添加一句:theme="simple"

然後,就是在自己想要顯示錯誤樣式的地方,比如<div></div>裏,

添加一句:<s:fielderror cssStyle="color:red"></s:fielderror>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章