angularJs控制input只能输入数字并且小数点后只能输入两位

来源:互联网 发布:最新ppt制作软件 编辑:程序博客网 时间:2024/05/19 12:36

在使用angular开发webapp的时候有时候需要input只能输入数字,并且小数点只能是一个,小数点后只能输入两位小数;

在浏览器上我们可以使用onkeypress使用正则表达式来实现这样的需求,但是onkeypress在手机端是不管用的,使用

ng-keypress也是不行的(我使用的时候没有成功),这时候我们可以使用js来控制,实现这样的需求,代码如下:

$("#withdraw").keyup(function () {
  var txt = $(this).val();
  var indexstr;
  if (txt.indexOf(".") == -1) {
    indexstr = txt.length;
  } else {
    indexstr = txt.indexOf(".");
  }
  if ((txt.length - indexstr + 1) >= 2) {
    var len = txt.indexOf(".") + 1 + 2;
    $(this).val(txt.substr(0, len));
  }
})

以上代码就可以实现输入数字,小数点后只能输入两位的需求。

阅读全文
0 0
原创粉丝点击