限制用户输入为4位数

Question

如何限制用户输入最多4位数字（。），小数点后只有1位？

Answer 1

您可以使用ng-pattern设置符合条件的正则表达式，并检查myForm.myDecimal.$valid的值以查看用户的输入是否与正则表达式匹配。这里有一个plunker例如：

http://plnkr.co/edit/BB7FxOQaollONESHZyJB?p=preview

HTML：

<form name="myForm"> 
    <input type="number" 
    name="myDecimal" 
    placeholder="Decimal" 
    ng-model="myDecimal" 
    ng-pattern="/^[0-9]{0,4}(\.[0-9]{1,1})?$/" 
    step="0.1" 
    ng-style="{ border: myForm.myDecimal.$valid ? 'default' : '1px solid red' }" /> 
</form> 

从http://gsferreira.com/archive/2015/02/angularjs-input-number-with-two-decimal-places/改编。