Vue,ElementUI校验正数，正整数

最新推荐文章于 2026-05-20 06:48:37 发布

原创最新推荐文章于 2026-05-20 06:48:37 发布 · 2.1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#elementui #前端 #vue

收录于

实习记录同时被 3 个专栏收录

8 篇文章

订阅专栏

前端开发

7 篇文章

订阅专栏

开发记录

5 篇文章

订阅专栏

本文介绍了两种JavaScript函数，用于验证用户输入是否为正数或正整数。`validatePositiveNumber`函数用于检查正数，包括正浮点数和正整数；而`validatorPositiveInteger`函数则专门针对正整数进行校验。这两个函数在前端表单验证中非常实用，确保用户输入的数据符合预期格式。

需求分析

对于用户输入，要求为正数或者正整数

解决方案

校验正数

   var validatePositiveNumver = (rule, value, callback) => {
      if (value == "" || value == undefined || value == null) {
        callback();
      } else {
        var reg = /([+]\d+[.]\d+|[-]\d+[.]\d+|\d+[.]\d+|[+]\d+|[-]\d+|\d+)/gi;
        if (!(reg.test(value) && value >0)) {
          callback(new Error("请输入正数"));
        } else {
          callback();
        }
      }
    };

校验正整数

    var validatorPositiveInteger = (rule, value, callback) => {
      if (Number.isInteger(Number(value)) && Number(value) > 0) {
        callback();
      } else {
        callback(new Error("请输入正整数"));
      }
    };