javascript - 限制输入数字小数点前后的数字

Question

如何限制小数点前后的数字，比如 123.123 ，所以它前面最多可以有 3 个数字。以及 . 之后最多 3 个数字。

   <div class="form-group">
  <input type="number" class="form-control" name="ta" id="ta" placeholder="ta" ng-model="ta.kol" ng-maxlength="15"/>
  <p ng-show="taForm.kol.$error.maxlength" class="help-block">Max 15 symbols !</p>
   </div>

Answer 1

您可以在输入字段上添加一个 onchange 事件，并调用一个使用正则表达式验证当前输入值的函数，并将其传达给用户。

正则表达式:^[0-9]{0,3}.?[0-9]{0,3}$

要验证的JS代码:

function validateNumberInput(inputNumber){
     return number.search(/^[0-9]{0,3}.?[0-9]{0,3}$/) == 0 ? true : false;
}

你也可以用 Angular 编写一个指令来处理同样的事情。