限制用戶輸入爲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/改編。