表单代码:
<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>
分享到:
相关推荐
通过以上步骤,你不仅可以去除默认的`FieldError`样式,还可以根据项目需求定制出符合设计风格的错误提示。这不仅提高了用户体验,也有助于保持代码的整洁和可维护性。记住,理解Struts2的工作机制和模板语言的使用...
在Struts 2中,fielderror是用来显示表单验证错误的关键元素。默认情况下,Struts 2为这些错误提供了特定的样式,以便用户能够清楚地看到输入验证失败的地方。然而,有时开发人员可能希望自定义这些样式,以更好地...
通过修改或创建主题,我们可以控制错误信息的CSS样式,如`errorMessage格式样式表css.txt`所示,这可以增强错误提示的可读性和美观性。 至于`.txt`文件中提到的异常,可能是因为某些情况下,即使校验异常,Struts2...
- **验证错误消息**:Struts2支持自定义错误消息,可以设置不同场景下的错误提示信息,提高用户体验。 #### 五、国际化实现 - **页面国际化**:通过在页面中使用资源文件中的键值对,可以轻松实现不同语言版本的...
描述中的"已经修改了fielderror的换行样式"指的是Struts2框架在处理表单验证错误时,通常会通过`fielderror`标签显示错误信息。开发者可能已经自定义了默认的错误展示方式,改变了默认的换行样式,使得错误信息更...
7. **部署与运行**: 下载项目后,你需要将所有依赖的库(如Struts2、POI或JXL的jar文件)添加到项目的类路径中,然后将项目部署到支持Servlet容器(如Tomcat)的服务器上,根据提示修改Excel文件路径,即可运行程序...
5. **CSS样式**:为了提供更好的用户体验,我们可以通过CSS来调整错误信息的样式,使其在出现时具有足够的视觉提示。 通过以上步骤,我们可以构建一个利用DWR实现的用户名唯一性验证功能,实现局部刷新,确保用户在...
2. 表单处理:创建Struts Action类来处理用户的输入,比如提交的报表查询条件。 3. 业务逻辑:定义了对报表进行增加、删除、修改的业务规则,这些规则可能封装在服务层(Service)或DAO(Data Access Object)层中。...
- 在`handlers.js`中,可以添加或修改事件处理器以满足特定的交互需求,比如上传进度提示、错误处理反馈等。 - `file_post_name`定义了服务器端接收到的文件字段名,这通常是表单上传时的文件输入框名称。 总之,...
2. **预定义的CSS样式**:Bootstrap提供了一系列预定义的CSS类,如排版样式、表格、表单、按钮、图像和提示等,大大简化了开发者的工作。例如,`.btn`类用于创建按钮,`.alert`类用于显示警告或错误消息,`.img-...
9. 全局提示和通知:显示操作结果或者系统消息,如成功、错误、警告等。 这些模板通常基于响应式设计,能够适应不同的设备屏幕大小,保证在桌面和移动设备上的良好显示效果。同时,为了提高性能和用户体验,它们...
登录页面通常包含输入框、按钮和可能的错误提示,而主页则可能包含多个模块,如轮播图、新闻列表和产品展示等。通过CSS,可以确保这些元素在不同设备上都保持一致的视觉效果。 JavaScript(JS)是另一个关键的技术...
在学生管理系统中,Struts2将处理如添加、删除、修改和查询学生信息等操作的请求,并调度到相应的Action类执行业务逻辑。 其次,**Spring** 是一个全面的后端应用框架,它包含了依赖注入(DI)和面向切面编程(AOP...
1. **组件丰富**:EasyUI 提供了诸如数据网格、表单、树形视图、布局、对话框、菜单、提示等丰富的组件,可以快速构建功能完善的 web 应用界面。 2. **响应式设计**:EasyUI 支持响应式布局,能够适应不同设备的...
- 错误提示处理。 - **应用场景**: - 实现用户登录功能,确保用户能够安全地访问个人账号。 #### 七、用户管理功能开发 - **用户管理(12_用户.mp4)**: - **知识点概述**: - 用户信息编辑; - 用户角色...
SwiftUI的表单标签支持多种输入控件,如文本框、选择列表、复选框和单选按钮,同时提供了验证和错误提示功能,确保数据的准确性和完整性。 4. 可视容器(Visual Containers):这些容器标签允许开发者将多个元素...