当前位置:  开发笔记 > 编程语言 > 正文

允许用户使用angularjs在输入框中仅键入正数

如何解决《允许用户使用angularjs在输入框中仅键入正数》经验,为你挑选了1个好方法。

我想允许用户只在文本框中输入正数

我的代码如下:

script.js文件内容:

angular.module("myfapp", []).controller("HelloController", function($scope) {
$scope.helloTo = {};
$scope.helloTo.title = "AngularJS";
});

angular.module('myApp', []).controller('MainCtrl', function($scope) {
app.directive('validNumber', function() {
  return {
require: '?ngModel',
link: function(scope, element, attrs, ngModelCtrl) {
  if (!ngModelCtrl) {
    return;
  }

  ngModelCtrl.$parsers.push(function(val) {
    var clean = val.replace(/[^0-9]+/g, '');
    if (val !== clean) {
      ngModelCtrl.$setViewValue(clean);
      ngModelCtrl.$render();
    }
    return clean;
  });

  element.bind('keypress', function(event) {
    if (event.keyCode === 32) {
      event.preventDefault();
    }
  });
}
};
});
});

angular.html内容如下:










Welcome {{ helloTo.title }} to the world of Tutorialspoint!

AngularJS Numeric Value Widget

为什么不起作用?任何人都可以运行它,请检查!



1> Majid Yaghou..:

将输入类型更改为number,然后您可以使用min指令指定允许的最小数量.


推荐阅读
mobiledu2402851373
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有