номер типа ввода - не может удалить десятичную точку

Question

номер типа ввода - не может удалить десятичную точку

0

У меня есть следующий html-код. Я не хочу, чтобы десятичная точка была в этом поле ввода.

может кто-то дать мне знать, как этого добиться.

 <input type="number" min="0" step="1" ng-pattern="/^(0|[1-9][0-9]*)$/" ng-model="params.data" />

Patrick 22 июль 2016, в 23:29

Источник

0

Возможно дублирование регулярного выражения javascript для несоответствия слову
Spencer Wieczorek 22 июль 2016, в 21:03
0

Как насчет запуска функции после снятия фокуса? Они вводят 093.4 и переходят к следующему входу. Затем функция возвращает 093
austinthedeveloper 22 июль 2016, в 21:04
0

да, это тоже сработало бы. не могли бы вы показать мне ссылку для этого.
Patrick 22 июль 2016, в 21:05
0

Это может быть то, что вы ищете - jsfiddle.net/lancelarsen/Tx7Ty Просто измените значение "setDecimal" на "0".
Josh 22 июль 2016, в 21:05
0

Или просто добавьте в ngPattern чтобы регулярное выражение не включало . , Смотрите дубликат и замените abc|def на \.
Spencer Wieczorek 22 июль 2016, в 21:06
0

@SpencerWieczorek- SpencerWieczorek - я запутался там
Patrick 22 июль 2016, в 21:07
0

ngPattern ничего не делает, кроме проверки поля в форме, он по-прежнему позволяет вводить десятичную точку, даже если ваше регулярное выражение не совпадает. Чтобы достичь того, что вы хотите, вам нужна directive | mask | ngKeyPress
developer033 22 июль 2016, в 21:38

Показать ещё 5 комментариев

Теги:

javascript

html

angularjs

html5

1 ответ

Ещё вопросы

Возможно дублирование регулярного выражения javascript для несоответствия слову
Как насчет запуска функции после снятия фокуса? Они вводят 093.4 и переходят к следующему входу. Затем функция возвращает 093
да, это тоже сработало бы. не могли бы вы показать мне ссылку для этого.
Это может быть то, что вы ищете - jsfiddle.net/lancelarsen/Tx7Ty Просто измените значение "setDecimal" на "0".
Или просто добавьте в ngPattern чтобы регулярное выражение не включало . , Смотрите дубликат и замените abc|def на \.
@SpencerWieczorek- SpencerWieczorek - я запутался там
ngPattern ничего не делает, кроме проверки поля в форме, он по-прежнему позволяет вводить десятичную точку, даже если ваше регулярное выражение не совпадает. Чтобы достичь того, что вы хотите, вам нужна directive | mask | ngKeyPress

developer033 · Accepted Answer · 2016-07-23T01-11-00.000Z

Пожалуйста, имейте в виду, что ngPattern просто используется для проверки поля в форме (formName.field.$error.pattern), он все же позволяет вам вводить десятичную точку или что-то еще, даже если ваше регулярное выражение не соответствует.

Вы можете сделать это, используя:

директива ngChange;
Модуль ngMask (всегда мне нужны входные данные с масками, которые я использую).

Я сделал этот фрагмент двумя способами:

(function() {
  "use strict";
  angular
    .module('app', ['ngMask'])
    .controller('mainCtrl', mainCtrl);

  function mainCtrl($scope) {
     $scope.params = {};
     $scope.checkNumber = function() {
       if ($scope.params.data) {
         $scope.params.data = $scope.params.data.replace(/\D+/, '');
       }
     }
  }
})();

<!DOCTYPE html>
<html ng-app="app">

<head>
  <script src="/angular.min.js"></script>
  <script src="/ngMask.min.js"></script>
</head>

<body ng-controller="mainCtrl">
  <form name="form" novalidate>
    <label for="withoutMask">Input without mask: </label>
     <input type="text" id="withoutMask" ng-model="params.data" ng-change="checkNumber()">
    <hr>
    <label for="mask">Input with mask: </label>
    <input type="text" id="mask" mask="d" repeat="15" restrict="reject" limit="false" ng-model="otherInput">
  </form>
</body>

</html>

Я надеюсь, что это помогает!