ITPub博客

首页 > IT职业 > IT图书 > Angular.js 限制输入框输入内容,为纯数字

Angular.js 限制输入框输入内容,为纯数字

IT图书 作者:lightwing 时间:2021-09-09 09:20:18 0 删除 编辑

JS:

angular.module('app').directive('numInput',function () {
    return {
        require: '^ngModel',
        scope: true,
        link: function (scope, el, attrs, ngModelCtrl) {

            function formatter (value) {
                let formattedValue = '';
                if(!_.isEmpty(value)){
                    let reg = /^d+(.d+)?$/;
                    let formattedValue =  reg.test(value) ? value : '';
                    el.val(formattedValue);
                    ngModelCtrl.$setViewValue(value);
                    // scope.$apply();
                }
                return formattedValue;
            }

            ngModelCtrl.$formatters.push(formatter);

            el.bind('blur', function () {
                formatter(el.val());
            });
        }
    };
});

html:


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3407/viewspace-2802367/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2020-09-16

  • 博文量
    82
  • 访问量
    6648