P:输入文本格式数字，如'999,999'

p:inputtext format number like '999,999'

本文关键字：数字 输入 文本 格式      更新时间：2023-09-26

在我的XHTML页面中，我有一些inputText字段，用户可以在其中以"999,999"的格式插入数值(最多三个整数值，最多三个十进制值)。小数分隔符是"，"，因为我想使用意大利语区域设置格式化上述字段。

实际上这是我的p:inputText组件:

<p:inputText value="#{r.value}" id="verog_#{r.id}" 
    onkeypress="return isNumberKey(event)" />

isNumberKey() javascript函数只允许使用字符(数字和逗号):

function isNumberKey(evt)
{
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if (charCode == 44) return true;
    if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
    return true;
}

但是我无法控制允许的最大位数，因此用户可以，例如，输入像"1234,5678"这样的数字，或者更糟糕的是，"12,34"。

我需要在客户端检查这些值，因为它们在一个对话框中。实际上，我在服务器端进行检查，在点击"保存"按钮后:

<p:commandButton value="save" action="#{myBean.saveAction}" ajax="true"
    update=":growl" oncomplete="dialogVar.hide()">
    <f:param name="action" value="#{action}" />
</p:commandButton>

但是如果我有一个输入错误，对话框总是隐藏的，用户被迫再次提交值。

我不能使用f:convertNumber，因为数据保存在数据库上的字符串，而不是数字。

我也尝试使用p:inputMask组件，但我不能使它正常工作(可能是缺乏知识):掩码"999?，999"不符合我的要求。

也许我可以使用转换器(p:inputText组件具有"converter"answers"converterMessage"属性)，但我的转换器尝试也失败了:

NumberFormat nf = NumberFormat.getNumberInstance(Locale.ITALIAN);
nf.setMaximumIntegerDigits(3);
nf.setMaximumFractionDigits(3);
String result = nf.format(submittedValue);

它总是给我IllegalArgumentException，即使submittedValue是0。

我怎样才能达到我的目标?

您需要在客户端测试整个值。

我做了一个例子JS验证:http://jsfiddle.net/lechlukasz/w8K8j/1/

在blur上调用验证函数:

function valid(val) {
    var reg = new RegExp('^[0-9]{1,3}(,[0-9]{1,3})?$');
    if (!reg.test(val))
        return false;
    return true;
}

如果您想在按下键时进行完全验证，不要忘记允许逗号作为最后一个字符(在最后字符串中是非法的，但在键入:)时是必要的)

相关文章：