仅允许输入控件中的某些字符

时间:2016-06-30 17:44:20

标签: javascript jquery unobtrusive-validation

我正在使用jquery不显眼的验证,我的输入看起来像。所以我的输入可以有

<input class="FormElement form-control input-validation-error" data-val="true" data-val-required="The ID field is required." 
id="ID" name="ID" value="6" data-val-regex-pattern="^\d{1,12}(\.\d{0,3})?$|^\.\d{1,3}$" data-val-regex="You are allowed up to 12 digits in front of the decimal and 3 behind." aria-required="true" aria-invalid="true" aria-describedby="ID-error">

有效样本:

12
12.44

无效的样本

12.3333333333333
12.
123456789045555.9
asdsadsadas
12.sw

问题是如何禁止用户在验证之前尝试输入除数字和句点(。)之外的值。

1 个答案:

答案 0 :(得分:2)

输入元素有一个type属性需要设置为&#34; number&#34;像这样:

&#13;
&#13;
<input type="number" class="FormElement form-control input-validation-error" data-val="true" data-val-required="The ID field is required." 
id="ID" name="ID" value="6" data-val-regex-pattern="^\d{1,12}(\.\d{0,3})?$|^\.\d{1,3}$" data-val-regex="You are allowed up to 12 digits in front of the decimal and 3 behind." aria-required="true" aria-invalid="true" aria-describedby="ID-error">
&#13;
&#13;
&#13;