PrimeFaces 输入掩码

17 Mar 2025 | 阅读 2 分钟

它是一种特殊的输入框，强制用户输入格式化的输入。我们可以使用 <p:inputMask> 组件来创建它。它按照一定的模式接收输入。当我们需要格式化的用户输入时，它很有用。它有各种属性，如下所示。

输入掩码属性

属性	默认值	返回类型	描述
id	null	String	它是组件的唯一标识符。
rendered	true	Boolean	它用于指定组件的渲染。
mask	null	Object	用于设置掩码模板。
slotChar	null	String	它是掩码模板中的占位符。
值	null	object	它用于设置组件的值。
必需	false	Boolean	用于将组件设置为必需。
maxlength	null	Integer	用于设置此字段中可以输入的最大字符数。
onblur	null	String	用于在输入元素失去焦点时调用脚本。
onselect	null	String	用于在用户选择输入元素中的文本时执行脚本。
placeholder	null	String	用于指定简短的提示。
readonly	false	Boolean	用于将组件设置为只读。
大小	null	Integer	用于设置用于确定输入元素宽度的字符数。
autoClear	true	Boolean	用于在输入不完整时，失去焦点时清除该字段。

示例

在下面的示例中，我们正在实现 <p:inpuMask> 组件。此示例包含以下文件。

JSF 文件

// inputMask.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://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>input-mask</title>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="2" cellpadding="5">
<p:outputLabel for="date" value="Date: " />
<p:inputMask id="date" value="#{inputMask.date}" mask="99/99/9999"/>
<p:outputLabel for="phone" value="Phone:" />
<p:inputMask id="phone" value="#{inputMask.phone}" mask="(999) 999-9999"/>
<p:commandButton value="Submit" oncomplete="PF('dlg').show()"/>
<p:commandButton value="Reset" type="reset" />
</h:panelGrid>
</h:form>
</h:body>
</html>

ManagedBean

// InputMask.java

package com.javatpoint;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class InputMask {
private String date;
private String phone;
public String getDate() {
return date;
}
public void setDate(String date) {
this.date = date;
}
public String getPhone() {
return phone;
}
public void setPhone(String phone) {
this.phone = phone;
}
}

输出

下一主题PrimeFaces SelectOneListbox

PrimeFaces 输入掩码

输入掩码属性

示例

JSF 文件

ManagedBean

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

PrimeFaces 教程

PrimeFaces Ajax

UI 组件

面试题

PrimeFaces 输入掩码

输入掩码属性

示例

JSF 文件

ManagedBean

相关帖子

PF SelectManyCheckbox

PF AreaChart

PF CommandButton

PF ConfirmDialog

PF FieldSet

PF Growl

PF InputTextarea

PF InputSwitch

PF Editor

PF Knob

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器