作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我试图在密码归档应具有的规则列表之间添加换行符:
希望此代码可以帮助您在本地计算机上重现它
我的 JSF 表单如下所示:
<h:form id="passwordForm">
<div class="form-group has-feedback">
<p:password id="password1" value="#{testBean.password}"
required="true"
requiredMessage="This field cannot be left empty"
placeholder="Password">
</p:password>
<p:tooltip for="password1" id="password1ToolTip"
hideEvent="focus"
rendered="#{not empty facesContext.getMessageList('passwordForm:password1')}"
position="right" hideEffect="fade" showEffect="fade">
<p:message for="password1"/>
</p:tooltip>
</div>
</h:form>
这就是我的 bean 的样子:
@Named
@RequestScoped
public class TestBean implements Serializable {
private static final long serialVersionUID = 2016821444602021904L;
@Pattern(regexp = "^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}",
message = "Password should contain minimum 8 characters, 1 Uppercase alphabet, 1 lower case alphabet and 1 special character")
@Size(min = 8, message = "Password cannot be this short!")
private String password;
public void setPassword(String password) {
this.password = password;
}
public String getPassword() {
return password;
}
}
基于SO上的一些答案,我尝试通过引入特殊实体代码
和 [![ ][1]][ 来修改验证消息1]
如下:
Password should contain Minimum 8 characters 1 Uppercase alphabet 1 lower case alphabet and 1 special character
最佳答案
为什么要在额外的工具提示中显示该消息?看起来有点奇怪。
无论如何,你需要的是 <br/>
在您想要换行的位置并设置 escape="false"
在你的p:message
.
消息:
Password should contain Minimum 8 characters 1 <br/> Uppercase Password...
xhtml:
<p:message for="password1" escape="false"/>
更新1:
感谢 Parkash Kumar 提供的附加信息来改进答案。
更新2:
您还可以使用 CSS 和 /n
对于换行符,那么您需要应用:
#messages td { white-space: pre; }
到你的CSS。
关于jsf - 如何在 p :messages in a p:tooltip 中添加换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43752167/
我是一名优秀的程序员,十分优秀!