1

在我的 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”和“converterMessage”属性），但我的转换器尝试也失败了：

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

它总是给我 IllegalArgumentException，即使 submitValue 为 0。

我怎样才能达到我的目标？提前致谢。

4

1 回答 1

0

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

我用示例 JS 验证做了一个小提琴：http: //jsfiddle.net/lechlukasz/w8K8j/1/

它在模糊上调用验证函数：

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

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

于 2013-06-11T17:45:40.883 回答