栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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:


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/246816.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号