validator.js 校验 验证 常用方法

已于 2022-06-15 16:36:36 修改
阅读量3.6k 收藏 25
点赞数 1
文章标签： javascript 前端 开发语言
于 2022-06-15 15:49:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25741071/article/details/123126249
版权

文章目录

是否合法IP地址

export function validateIP(rule, value,callback) {
  if(value==''||value==undefined||value==null){
    callback();
  }else {
    const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
    if ((!reg.test(value)) && value != '') {
      callback(new Error('请输入正确的IP地址'));
    } else {
      callback();
    }
  }
}

是否手机号码或者固话

export function validatePhoneTwo(rule, value, callback) {
  const reg = /^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/;;
  if (value == '' || value == undefined || value == null) {
    callback();
  } else {
    if ((!reg.test(value)) && value != '') {
      callback(new Error('请输入正确的电话号码或者固话号码'));
    } else {
      callback();
    }
  }
}

是否固话

export function validateTelphone(rule, value,callback) {
  const reg =/0\d{2}-\d{7,8}/;
  if(value==''||value==undefined||value==null){
    callback();
  }else {
    if ((!reg.test(value)) && value != '') {
      callback(new Error('请输入正确的固话（格式：区号+号码,如010-1234567）'));
    } else {
      callback();
    }
  }
}

是否手机号码

export function validatePhone(rule, value,callback) {
  const reg =/^[1][3,4,5,7,8][0-9]{9}$/;
  if(value==''||value==undefined||value==null){
    callback();
  }else {
    if ((!reg.test(value)) && value != '') {
      callback(new Error('请输入正确的电话号码'));
    } else {
      callback();
    }
  }
}

是否身份证号码

export function validateIdNo(rule, value,callback) {
  const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  if(value==''||value==undefined||value==null){
    callback();
  }else {
    if ((!reg.test(value)) && value != '') {
      callback(new Error('请输入正确的身份证号码'));
    } else {
      callback();
    }
  }
}

是否邮箱

export function validateEMail(rule, value,callback) {
  const reg =/^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/;
  if(value==''||value==undefined||value==null){
    callback();
  }else{
    if (!reg.test(value)){
      callback(new Error('请输入正确的邮箱地址'));
    } else {
      callback();
    }
  }
}

合法urL

export function validateURL(textval) {
  const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
  return urlregex.test(textval);
}

验证内容是否英文数字以及下划线

export function isPassword(rule, value, callback) {
  const reg =/^[_a-zA-Z0-9]+$/;
  if(value==''||value==undefined||value==null){
    callback();
  } else {
    if (!reg.test(value)){
      callback(new Error('密码仅由英文字母，数字以及下划线组成'));
    } else {
      callback();
    }
  }
}

自动检验数值的范围

export function checkMax20000(rule, value, callback) {
  if (value == '' || value == undefined || value == null) {
    callback();
  } else if (!Number(value)) {
    callback(new Error('请输入[1,20000]之间的数字'));
  } else if (value < 1 || value > 20000) {
    callback(new Error('请输入[1,20000]之间的数字'));
  } else {
    callback();
  }
}

验证数字输入框最大数值,32767

export function checkMaxVal(rule, value,callback) {
  if (value < 0 || value > 32767) {
    callback(new Error('请输入[0,32767]之间的数字'));
  } else {
    callback();
  }
}

验证是否1-99之间

export function isOneToNinetyNine(rule, value, callback) {
  if (!value) {
    return callback(new Error('输入不可以为空'));
  }
  setTimeout(() => {
    if (!Number(value)) {
      callback(new Error('请输入正整数'));
    } else {
      const re = /^[1-9][0-9]{0,1}$/;
      const rsCheck = re.test(value);
      if (!rsCheck) {
        callback(new Error('请输入正整数，值为【1,99】'));
      } else {
        callback();
      }
    }
  }, 0);
}

验证是否整数

export function isInteger(rule, value, callback) {
  if (!value) {
    return callback(new Error('输入不可以为空'));
  }
  setTimeout(() => {
    if (!Number(value)) {
      callback(new Error('请输入正整数'));
    } else {
      const re = /^[0-9]*[1-9][0-9]*$/;
      const rsCheck = re.test(value);
      if (!rsCheck) {
        callback(new Error('请输入正整数'));
      } else {
        callback();
      }
    }
  }, 0);
}

验证是否整数,非必填

export function isIntegerNotMust(rule, value, callback) {
  if (!value) {
    callback();
  }
  setTimeout(() => {
    if (!Number(value)) {
      callback(new Error('请输入正整数'));
    } else {
      const re = /^[0-9]*[1-9][0-9]*$/;
      const rsCheck = re.test(value);
      if (!rsCheck) {
        callback(new Error('请输入正整数'));
      } else {
        callback();
      }
    }
  }, 1000);
}

验证是否是[0-1]的小数

export function isDecimal(rule, value, callback) {
  if (!value) {
    return callback(new Error('输入不可以为空'));
  }
  setTimeout(() => {
    if (!Number(value)) {
      callback(new Error('请输入[0,1]之间的数字'));
    } else {
      if (value < 0 || value > 1) {
        callback(new Error('请输入[0,1]之间的数字'));
      } else {
        callback();
      }
    }
  }, 100);
}

验证是否是[1-10]的小数,即不可以等于0

export function isBtnOneToTen(rule, value, callback) {
  if (typeof value == 'undefined') {
    return callback(new Error('输入不可以为空'));
  }
  setTimeout(() => {
    if (!Number(value)) {
      callback(new Error('请输入正整数，值为[1,10]'));
    } else {
      if (!(value == '1' || value == '2' || value == '3' || value == '4' || value == '5' || value == '6' || value == '7' || value == '8' || value == '9' || value == '10')) {
        callback(new Error('请输入正整数，值为[1,10]'));
      } else {
        callback();
      }
    }
  }, 100);
}

验证是否是[1-100]的小数,即不可以等于0

export function isBtnOneToHundred(rule, value, callback) {
  if (!value) {
    return callback(new Error('输入不可以为空'));
  }
  setTimeout(() => {
    if (!Number(value)) {
      callback(new Error('请输入整数，值为[1,100]'));
    } else {
      if (value < 1 || value > 100) {
        callback(new Error('请输入整数，值为[1,100]'));
      } else {
        callback();
      }
    }
  }, 100);
}

验证是否是[0-100]的小数

export function isBtnZeroToHundred(rule, value, callback) {
  if (!value) {
    return callback(new Error('输入不可以为空'));
  }
  setTimeout(() => {
    if (!Number(value)) {
      callback(new Error('请输入[1,100]之间的数字'));
    } else {
      if (value < 0 || value > 100) {
        callback(new Error('请输入[1,100]之间的数字'));
      } else {
        callback();
      }
    }
  }, 100);
}

验证端口是否在[0,65535]之间

export function isPort(rule, value, callback) {
  if (!value) {
    return callback(new Error('输入不可以为空'));
  }
  setTimeout(() => {
    if (value == '' || typeof(value) == undefined) {
      callback(new Error('请输入端口值'));
    } else {
      const re = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/;
      const rsCheck = re.test(value);
      if (!rsCheck) {
        callback(new Error('请输入在[0-65535]之间的端口值'));
      } else {
        callback();
      }
    }
  }, 100);
}

验证端口是否在[0,65535]之间，非必填,isMust表示是否必填

export function isCheckPort(rule, value, callback) {
  if (!value) {
    callback();
  }
  setTimeout(() => {
    if (value == '' || typeof(value) == undefined) {
      //callback(new Error('请输入端口值'));
    } else {
      const re = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/;
      const rsCheck = re.test(value);
      if (!rsCheck) {
        callback(new Error('请输入在[0-65535]之间的端口值'));
      } else {
        callback();
      }
    }
  }, 100);
}

小写字母

export function validateLowerCase(str) {
  const reg = /^[a-z]+$/;
  return reg.test(str);
}

保留2为小数

export function validatetoFixedNew(str) {
  return str ;
}

验证key

// export function validateKey(str) {
//     var reg = /^[a-z_\-:]+$/;
//     return reg.test(str);
// }

大写字母

export function validateUpperCase(str) {
  const reg = /^[A-Z]+$/;
  return reg.test(str);
}

大小写字母

export function validatAlphabets(str) {
  const reg = /^[A-Za-z]+$/;
  return reg.test(str);
}

字符串技巧

比较时间（成立返回 true）

const time1 = "2022-03-02 09:00:00";
const time2 = "2022-03-02 09:00:01";
const overtime = time1 < time2;
// overtime => true

格式化money（1000000 => 1,000,000）

const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
const money = ThousandNum(1000000);
// money => '1,000,000'

生成随机ID（传生成ID的长度）

const RandomId = len => Math.random().toString(36).substr(3, len);
const id = RandomId(10);
// id => "xdeguewg1f"

生成随机 HEX 颜色值

const RandomColor = () => "#" + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0");
const color = RandomColor();
// color => "#2cbf89"

五星好评

const StartScore = rate => "★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);
const start = StartScore(3);
// start => '★★★☆☆'

在这里插入图片描述

网址查询参数

const params = new URLSearchParams(location.search.replace(/\?/ig, "")); // location.search = "?name=test&sex=man"
params.has("test"); // true
params.get("sex"); // "man"

数字技能

Arrangement 取整

用 Math.floor() 代替正数，用 Math.ceil() 代替负数

const num1 = ~~ 1.19;
const num2 = 2.29 | 0;
const num3 = 3.09 >> 0;
// num1 num2 num3 => 1 2 3

零填充

const FillZero = (num, len) => num.toString().padStart(len, "0");
const num = FillZero(1234, 5);
// num => "01234"

在这里插入图片描述

转数

仅对 null、“”、false、数字字符串有效

const num1 = +null;
const num2 = +"";
const num3 = +false;
const num4 = +"169";
// num1 num2 num3 num4 => 0 0 0 169

时间戳

const timestamp = +new Date("2022-03-22");
// timestamp => 1647907200000

精确小数

const RoundNum = (num, decimal) => Math.round(num * 10 ** decimal) / 10 ** decimal;
const num = RoundNum(1.2345, 2);
// num => 1.23

平价

const OddEven = num => !!(num & 1) ? "odd" : "even";
const num = OddEven(2);
// num => "even"

在这里插入图片描述

取最小值最大值

const arr = [0, 1, 2, 3];
const min = Math.min(...arr);
const max = Math.max(...arr);
// min max => 0 3

生成范围随机数

const RandomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
const num = RandomNum(1, 10); // 5

在这里插入图片描述

布尔技能

短路运算符

const a = d && 1; // 假操作，从左到右判断，遇到假值时返回假值，以后不再执行，否则返回最后一个真值
const b = d || 1; // 取真运算，从左到右判断，遇到真值时返回真值，以后不要执行，否则返回最后一个假值
const c = !d; // 如果单个表达式转换为true，则返回false，否则返回true

返回数据类型

可确定的类型：undefined、null、string、number、boolean、array、object、symbol、date、regexp、function、asyncfunction、arguments、set、map、weakset、weakmap

function DataType(tgt, type) {
    const dataType = Object.prototype.toString.call(tgt).replace(/\[object (\w+)\]/, "$1").toLowerCase();
    return type ? dataType === type : dataType;
}
DataType("test"); // "string"
DataType(20220314); // "number"
DataType(true); // "boolean"
DataType([], "array"); // true
DataType({}, "array"); // false

检查数组是否为空

const arr = [];
const flag = Array.isArray(arr) && !arr.length;
// flag => true

满足条件时执行

const flagA = true; // 条件 A
const flagB = false; // 条件 B
(flagA || flagB) && Func(); // 满足A或B时执行
(flagA || !flagB) && Func(); // 满足A或不满足B时执行
flagA && flagB && Func(); // 当A和B都满足时执行
flagA && !flagB && Func(); // 当A满足且B不满足时执行

如果非假则执行

const flag = false; // undefined、null、""、0、false、NaN
!flag && Func();

数组不为空时执行

const arr = [0, 1, 2];
arr.length && Func();

对象不为空时执行

const obj = { a: 0, b: 1, c: 2 };
Object.keys(obj).length && Func();

javaScript 代码片段

1、破坏赋值

在 JavaScript 中，您可以使用析构方法将数组中的值解包并将它们分配给其他变量。

// 1. Destructive Assignment
const data = ["Paul", "too old", "Software Engineer"]
const [name, age, job_title] = data

console.log(name, age, job_title) // Paul too old Software Engineer

在Array中查找（特定）对象

JavaScript find() 方法可用于搜索数组以查找特定对象。

// 2. Find an object in Array
const employess = [
    {name: "Paul", job_title: "Software Engineer"},
    {name: "Peter", job_title: "Web Developer"},
    {name: "Harald", job_title: "Screen Designer"},
]
let sen = employess.find(data => data.job_title === "Software Engineer")

console.log(sen) // { name: 'Paul', job_title: 'Software Engineer' }

在这里插入图片描述

3、反转字符串

以下代码段可用于在不使用循环的情况下反转任何字符串。

// 3. Reverse a String
const reverse = (input) => {
    return input.split("").reverse().join("");
}

console.log(reverse("Paul Knulst")) // tslunK luaP
console.log(reverse("Medium is awesome")) // emosewa si muideM

4、带有占位符的模板文字

如果您使用模板文字，您可以借助 ${} 方法在字符串中包含变量。

// 4. Placeholder in Strings
let placeholder1 = "Engineer";
let placeholder2 = "Developer";

console.log(`I'm a Software ${placeholder1}`); // I'm a Software Engineer
console.log(`I'm a Software ${placeholder2}`); // I'm a Software Developer

5、单行if-else语句（三元运算符）

对于 JavaScript 中的简单 if-else 语句，您可以使用单行方法来执行它。

if (13 > 37) {
    console.log(true);
} else {
    console.log(false)
}
//三元运算符
13 > 37 ? console.log(true) : console.log(false)

6、摆脱重复

在 JavaScript 中，有一种简单的方法可以从任何输入数组中去除重复项。当数组中有很多元素并且可能有一些重复项时，这非常方便。

以下代码段将展示如何使用 Set 数据类型来实现此目的

// 6. Get Rid of Duplicates
function removeDuplicates(array) {
    return [...new Set(array)];
}

const uniqueStr = removeDuplicates(["Paul", "John", "Harald", "Paul", "John"])
const uniqueNr = removeDuplicates([1, 1, 2, 2, 3, 3, 4, 5, 6, 7, 7, 7, 9])
console.log(uniqueStr) // [ 'Paul', 'John', 'Harald' ]
console.log(uniqueNr) // [1, 2, 3, 4, 5, 6, 7, 9]

7、将字符串拆分为数组

如果您想将字符串拆分为数组，可以使用以下代码片段

// 7. Split String to Array
const randomString = "Software"
const newArray = [...randomString]

console.log(newArray) // ['S', 'o', 'f', 't', 'w', 'a', 'r', 'e']

8、捕获右键单击

如果使用 JavaScript 并希望在用户使用时捕获右键单击以执行某些代码。

// 8. Capture Right Click
// only usable in HTML/JS
window.oncontextmenu = () => {console.log("Right Click is Pressed!")}

9、遍历键和值

这个有用的片段可用于迭代字典数据的键（或值）。为此，您可以检索键/值并使用 forEach 函数。

const obj = {
    JavaScript: 1,
    Kotlin: 2, 
    Python: 3
};
Object.keys(obj).forEach((key) => {
    console.log(key);
});
// JavaScript
// Kotlin
// Python
Object.values(obj).forEach((key) => {
    console.log(key);
});
// 1
// 2
// 3

10、智能数据过滤

使用 JavaScript 内置的 Filter 方法过滤您的数据。如果您的输入有大量数据并且您只需要输入数组中的特定数据，这很重要。

const jobs = ["Frontend Developer", "Backend Developer", "Data Scientist", "Teacher"]
const filtered_jobs1 = jobs.filter(data => data.length < 10) //过滤 => 返回长度小于10的值
const filtered_jobs2 = jobs.filter(data => data.includes("Developer")) //过滤 => 返回字符串中含有 ‘Developer’ 字符的值

console.log(filtered_jobs1) // [ 'Teacher' ]
console.log(filtered_jobs2) // [ 'Frontend Developer', 'Backend Developer' ]

在这里插入图片描述

11、空合并运算符

空合并运算符 (??) 是一个逻辑运算符，当其左侧操作数为空或未定义时返回其右侧操作数，否则返回其左侧操作数

// 11. Nullish coalescing operator
const foo = null ?? 'default string';
const baz = 0 ?? 42;

console.log(foo); // default string
console.log(baz); // 0

12、错误处理

在编程中，开发过程中总会发生错误。为了避免您的程序崩溃，您可以使用 try-catch 语句。这是每个编程语言中的一种众所周知的语法，用于捕获运行时错误。

function getRectArea(width, height) {
    if (isNaN(width) || isNaN(height)) {
        throw '参数不是数字!';
    }
}

try {
    getRectArea(3, "A")
} catch (err) {
    console.log(`出现错误: ${err}`)
} finally {
    console.log("无论尝试/捕获结果如何，都会执行此代码块")
}
//输出：
//出现错误：参数不是数字！
//无论尝试/捕获结果如何，都会执行此代码块

在这里插入图片描述

10个算法提升你的JavaScript技能

1）在数组中查找缺失的数字

Input: [1, 2, 3, 4, 6, 7, 8, 9, 10]
Output: 5

const find_missing = function(input) {
  let n = input.length + 1;

  let sum = 0;
  for (let i in input) {
    sum += input[i];
  }

  return Math.floor((n * (n + 1)) / 2) - sum;
};

2）反转整数（123456 => 654321）

Input: num = 123
Output: 321
Input: num = -123
Output: -321

const reverse = function(num) {
    let result = 0;
    while (num !== 0) {
      result = result * 10 + num % 10;
      // Math.trunc() 方法会将数字的小数部分去掉，只保留整数部分
      num = Math.trunc(num / 10);
    }

    if (result > 2**31 || result < -(2**31)) return 0;
    return result;
};

3) 数组排列（返回所有组合情况）

Input: [1,2,3]
Output: [[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]]

const permute = function(nums) {
    let results = [];

    let go = (current) => {
      if (current.length === nums.length){
        results.push(current);
        return;
      }
      nums.forEach(n => {
        if (!current.includes(n)){
          go([...current, n]);
        }
      });
    }
    go([]);
    return results;
};

4) 字符串中的排列

Input: s1 = "ab", s2 = "eidbao"
Output: true
Input: s1 = "aa", s2 = "eidbao"
Output: false

const checkPermutation = function(s1, s2) {
  const len1 = s1.length, len2 = s2.length;
  if (len1 > len2) return false;

  const count = Array(26).fill(0);
  for (let i = 0; i < len1; i++) {
      count[s1.charCodeAt(i)-97]++;
      count[s2.charCodeAt(i)-97]--;
  }
  if (!count.some(e => e !== 0)) return true;

  for (let i = len1; i < len2; i++) {
      count[s2.charCodeAt(i)-97]--;
      count[s2.charCodeAt(i-len1)-97]++;
      if (!count.some(e => e !== 0)) return true;
  }
  return false;
};

5) 最长有效括号

Input: "(()"
Output: 2
Input: ")()())"
Output: 4

const longestValidParentheses = function(S) {
  let stack = [-1], ans = 0;
  for (let i = 0; i < S.length; i++)
    if (S[i] === '(') stack.push(i)
    else if (stack.length === 1) stack[0] = i
    else stack.pop(), ans = Math.max(ans, i - stack[stack.length-1])
  return ans
};

6) 4Sum

const fourSum = function(nums, target) {
  let result = [];
  let length = nums.length;
  if (length < 4) return result; 
  nums = nums.sort((a, b) => a - b );

  for (let i = 0; i < length - 3; i++) {
    if (nums[i] === nums[i - 1]) continue;
    for (let j = i + 1; j < length - 2; j++) {
      if (j > i + 1 && nums[j] === nums[j - 1]) continue;

      let k = j + 1;
      let l = length - 1;

      while (k < l) {
        const sum = nums[i] + nums[j] + nums[k] + nums[l];

        if (sum === target) {
          result.push([nums[i], nums[j], nums[k], nums[l]])
        }

        if (sum <= target) {
          k += 1;
          while (nums[k] === nums[k - 1]) {
            k += 1;
          }
        }

        if (sum >= target) {
          l -= 1;
          while (nums[l] === nums[l + 1]) {
            l -= 1;
          }
        }
      }
    }
  }

  return result;
};

7）字符串相乘

Input: num1 = "2", num2 = "3"
Output: "6"

const multiply = function(num1, num2) {
    if (num1 == 0 || num2 == 0) return '0';
    const result = [];

    for (let a = num1.length - 1; a >= 0; a--) {
        for (let b = num2.length - 1; b >= 0; b--) {
            const p1 = a + b;
            const p2 = a + b + 1;
            const sum = (result[p2] ?? 0) + num1[a] * num2[b];

            result[p1] = (result[p1] ?? 0) + Math.floor(sum / 10);
            result[p2] = sum % 10;
        }
    }
    result[0] == 0 && result.shift();
    return result.join('');
};

8） 最短回文

Input: s = "aacecaaa"
Output: "aaacecaaa"
Input: s = "abcd"
Output: "dcbabcd"

const shortestPalindrome = function(s) {
  let index = 0;
  for (let i = s.length - 1; i >= 0; i--) {
    if (s[i] === s[index]) index++;
  }
  if (index === s.length) return s;
  let remainingRev = s.substring(index, s.length);
  console.log(remainingRev);
  remainingRev = reverse(remainingRev);

  return remainingRev + shortestPalindrome(s.substring(0, index)) + s.substring(index);
};

function reverse(string) {
  let myString = '';
  for (let i = string.length - 1; i >= 0; i--) {
    myString = myString + string[i];
  }
  return myString;
};

9)整数到英文单词

Input: num = 123
Output: "One Hundred Twenty Three"
Input: num = 1234567
Output: "One Million Two Hundred Thirty Four Thousand Five Hundred Sixty Seven"

const numberToWords = function(num) {
  let result = toHundreds(num % 1000);
  const bigNumbers = ["Thousand", "Million", "Billion"];
  for (let i = 0; i < 3; ++i) {
    num = Math.trunc(num / 1000);
    result = num % 1000 !== 0 ? [toHundreds(num % 1000), bigNumbers[i], result].filter(Boolean).join(" ") : result;
  }
  return result.length === 0 ? "Zero" : result;
}

function toHundreds(num) {
  const numbers = ["", "One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight", "Nine", "Ten",
    "Eleven", "Twelve", "Thirteen", "Fourteen", "Fifteen", "Sixteen", "Seventeen", "Eighteen", "Nineteen"];
  const tens = ["", "", "Twenty", "Thirty", "Forty", "Fifty", "Sixty", "Seventy", "Eighty", "Ninety"];
  const result = Array(3).fill("");
  let a = Math.trunc(num / 100), b = num % 100, c = num % 10;
  result[0] = a > 0 && `${numbers[a]} Hundred`;
  result[1] = b < 20 ? numbers[b] : tens[Math.trunc(b / 10)]
  result[2] = b >= 20 && `${numbers[c]}`;
  return result.filter(Boolean).join(" ");
}
@阿猫阿狗~
关注
  • 1
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
validator.js-2.0.0.zip
03-26
`validator.js-2.0.0.zip`是一个包含JavaScript验证库的压缩文件，该库名为`js-validator`，它借鉴了流行的PHP框架Laravel的验证风格。`js-validator`主要功能在于提供对JavaScript对象和表单输入数据的有效性检查，...
前端开发原生表单校验validator.js-13.11.0
02-09
`validator.js` 是一个流行且强大的JavaScript库，专注于处理前端表单验证。在13.11.0这个版本中，`validator.js` 提供了丰富的功能和优化，帮助开发者更便捷地实现表单数据的验证。 首先，`validator.js` 的核心...
Validator.js: 验证你的JavaScript输入数据
gitblog_00007的博客
03-09 497
Validator.js: 验证你的JavaScript输入数据 Validator.js 是一个轻量级的 JavaScript 库, 用于验证各种类型的输入数据。 简介 在开发 Web 应用时, 我们经常需要处理用户的输入数据。为了保证数据的准确性、完整性和安全性, 我们通常需要对这些数据进行验证。Validator.js 提供了一种简单而灵活的方式来完成这项任务。 功能 Validator...
推荐开源项目：Validator.js——强大的JavaScript对象和字符串验证库
最新发布
gitblog_00095的博客
05-25 295
推荐开源项目：Validator.js——强大的JavaScript对象和字符串验证库 项目地址:https://gitcode.com/guillaumepotier/validator.js 在软件开发中，数据验证是一个至关重要的环节，它确保了输入数据的正确性和安全性。Validator.js是一个专为Node.js和现代浏览器设计的强大验证库，提供了一套灵活且全面的验证规则，使得在JavaS...
jQuery.validator.addMethod 自定义验证方法
lc55022的博客
11-15 1709
$.validator.addMethod 方法自定义验证介绍
npm组件 validator.js 校验集合
shw12357的专栏
10-29 1178
官网：https://www.npmjs.com/package/validator 验证器列表 验证器 说明 contains(str, seed) 检查包含 equals(str, comparison) 检查相等 isAfter(str [, date]) 验证给出的时间字符串是否在指定日期之后 isAlpha(str [, locale]) 检查字符串是否只是由Alpha字符组成 isAlphanumeric(str [, locale])
探索Validator.js：前端数据验证的利器
gitblog_00078的博客
04-23 321
探索Validator.js：前端数据验证的利器 项目地址:https://gitcode.com/ppoffice/validator.js Validator.js 是一个轻量级的JavaScript库，专注于帮助开发者在前端进行高效、灵活的数据验证。该项目由ppoffice开发并维护，旨在解决Web应用中常见的表单验证问题，提供了一套易于理解和使用的API。 项目简介 Validator.j...
推荐一款强大的JavaScript表单验证库：Validator.js
gitblog_00069的博客
03-27 651
推荐一款强大的JavaScript表单验证库：Validator.js 项目地址:https://gitcode.com/sofish/validator.js 项目简介 在Web开发中，表单验证是不可或缺的一环，它确保了用户输入的数据有效且符合业务需求。Validator.js 就是一个轻量级、高度可定制化的JavaScript库，专门用于前端数据验证。由知名开发者@sofish创建，这个项目旨...
jQuery表单校验插件jquery.form-validator.js的使用
qq_37132598的博客
03-27 1759
原文章地址https://www.npmjs.com/package/jquery-form-validator 在使用jquery.form-validator.js插件时需要引入以下两个js文件 <scriptsrc="js/jquery.min.js"></script> <scriptsrc="js/form-validator/jquery.f...
Jquery Validate 默认校验规则、jQuery.validator.addMethod自定义验证方法---例子
旧风年间的博客
11-09 5231
  一、Jquery Validate 默认校验规则 (1)、required:true 必输字段 (2)、remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值 (3)、email:true 必须输入正确格式的电子邮件 (4)、url:true ...
async-validator.js数据校验器
we
07-05 1304
文档： https://www.npmjs.com/package/async-validator https://github.com/yiminghe/async-validator 安装 示例 打印出的校验信息rule的属性可以使用的 Type
基于[我佛山人validator.js]的验证框架
03-19
`validator.js` 提供了一系列内置的验证方法，如非空检查、邮箱格式、手机号码、身份证号、URL等。开发者可以根据需求自由组合这些验证规则，以满足各种复杂的验证场景。 2. **API设计** 这个框架的API设计十分...
JavaScript对象验证库js-validator.zip
07-19
js-validator 是 Laravel 风格的 JavaScript 对象验证库。使用 js-validator 来验证对象或者 JSON 是否符合规则非常方便，而且具有很好的可扩展性。举个例子var example = {  text: 'Hello world!',  date: ...
Validator.js:一个简单的Java验证类
03-07
Validator.js 一个简单的验证模块，用于服务器端或客户端。 它取决于ES5功能，因此在旧的浏览器中，您可能需要ES5 Shim之类的东西 简单用法 您可以使用Validator快速检查字符串（或在大多数情况下为数组），如下所...
js表单验证Validator.js
04-29
**JavaScript表单验证库——Validator.js** `Validator.js` 是一个专为JavaScript设计的轻量级表单验证库，主要用于增强HTML表单的验证功能，确保用户输入的数据符合预设的规则。它允许开发者在客户端进行实时数据...
swagger-spec-validator：使用swagger.io在线验证器验证OpenAPISwagger API规范
02-11
swagger-cli使用进行验证，这是一个纯JavaScript实现，可以离线使用。 该模块依赖于swagger.io托管的验证器，该验证器使用基于Java的解析器和验证器实现。 因此，它需要Internet访问才能使用，因此安装的代码数量少...
BootstrapValidator不触发校验的实现代码
10-21
然而，当按钮类型设置为`button`，并希望通过JavaScript手动触发验证时，我们需要使用`validate()`方法来激活验证过程。 以下是一个简单的例子，展示了如何在不触发常规验证的情况下，手动调用BootstrapValidator的...
elmentui自定义校验验证逻辑
03-25
对于 ElementUI 自定义校验验证逻辑，可以按照以下步骤进行操作： 1. 在需要校验的表单元素上添加自定义校验规则，可以使用 v-validate 指令，并指定对应的验证规则例如：v-validate="'required|email'" 2. 在 Vue 组件中定义对应的验证规则，可以使用 Validator.js 提供的一些内置规则，也可以根据业务需求自定义规则函数。 3. 在 Vue 组件中使用 Validator.js 提供的 validate 方法，对表单数据进行验证，并根据验证结果给用户提供相应的提示信息。 注意：以上步骤中的 Validator.js 是一个通用的验证库，可以用于 Vue.js 以及其他前端框架的项目中。如果您的项目中已经有了其他的验证库，也可以使用相应的库进行表单验证。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@阿猫阿狗~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值