为了账号安全,请及时绑定邮箱和手机立即绑定

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

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:

<input type="text" ng-model="value" num-input>


点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
61
获赞与收藏
656

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消