Question

我们的项目使用PrimeFaces 5.1。我需要限制用户输入数字类型。例如，用户只能输入类似123.12（小数点后有两位数）。我尝试使用<p:inputMask>，但问题是它定义的掩码是固定长度。用户必须输入mask <p:inputMask>属性中定义的完全长度。 PrimeFaces中正确的方法是什么，允许定义小数点后的位数，还可以控制长度？

更新：

我尝试使用inputNumber组件创建一个简单的页面。但不知何故，inputNumber中输入的值将被视为null，因为它无法在页面级别上传递所需的验证。 enter image description here

以下是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:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions">

    <h:head>
        <title>InputNumberTestingPage</title>
    </h:head>

    <h:body>
        <h:form id="form">
            <p:panel id="panel" header="Form" style="margin-bottom:10px;">
                <p:messages id="messages" />
                <h:panelGrid columns="3" cellpadding="5">
                    <p:outputLabel for="Name" value="Name: " />
                    <p:inputText id="Name" value="#{inputNumberTesting.name}" required="true" label="Name">
                        <f:validateLength minimum="2" />
                    </p:inputText>
                    <p:message for="Name" />

                    <p:outputLabel for="Salary" value="Salary:" />
                    <pe:inputNumber id="Salary" value="#{inputNumberTesting.salary}" 
                                    required="true" label="Salary" decimalPlaces="2" maxValue="9999"/>
                    <p:message for="Salary" />
                </h:panelGrid>
            </p:panel>
            <p:commandButton value="Submit" update="panel" actionListener="#{inputNumberTesting.save}" style="margin-right:20px;" />
        </h:form>
    </h:body>

</html>

支持Bean。

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
import javax.faces.context.FacesContext;

@ManagedBean(name = "inputNumberTesting")
@ViewScoped
public class InputNumberTesting {
    private Object name;

    private Object salary;

    public Object getName() {
        return name;
    }

    public void setName(Object name) {
        this.name = name;
    }

    public Object getSalary() {
        return salary;
    }

    public void setSalary(Object salary) {
        this.salary = salary;
    }

    public void save() {
        FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Name: "+getName()+"Salary: "+getSalary()));
    }
}

Answer 1

您可以在primefaces扩展库中使用InputNumber组件。首先，您需要添加其依赖项，然后您可以使用扩展名称空间，用法应该像

xmlns:pe="http://primefaces.org/ui/extensions"


<pe:inputNumber id="Input1" value="#{inputNumberController.input1}"/>

您可以自定义最小最大数字，小数位数，货币符号以及组件中存在的更多自定义选项。

将数字输入限制为小数点后的两位固定数字

1 个答案: