如何将输入数字限制为非十进制

Question

我在页面上有一个数字输入，我希望它限制为整数值，没有小数。我正在使用表单和 angularjs 进行验证。我该怎么做才能使小数不被允许？我尝试将 step 设置为 1，但这没有改变。许多其他问题讨论了让浏览器支持小数 - 我似乎遇到了相反的问题。

Answer 1

您可以为此创建一个自定义指令，并结合 ngModelController. 像这样：Proof of Concept

    module.directive("noDecimalInput", function() {
    return {
        restrict: "A",
        require:"ngModel",
        link: function(scope,element,attr,ctrl) {
            ctrl.$parsers.push(function(value){
                if(value.indexOf(".")>-1) {
                    ctrl.$setValidity("notDecimal",false);
                    return undefined;
                }
                ctrl.$setValidity("notDecimal",true);
                return value;
            });
        }
    }
});