输入框限制输入类型方法

最新推荐文章于 2024-07-26 20:46:33 发布

Michael_Cheng_09

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量74

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/zihang_cheng/article/details/134372645

版权

// 限制输入只为数字
export const inputToNum = (data) => {
  const standardString = data.replace(/\s+/g, '');
  const arr = standardString.split('');
  const res = arr.reduce((pre, item) => {
    const strCode = item.charCodeAt();
    if (strCode < 58 && strCode >= 48) {
      pre.push(item);
    } else {
      message.warning('请输入数字');
    }
    return pre;
  }, []);
  return res.join('');
};

// 限制输入只为字母
export const inputToAlp = (data) => {
  const standardString = data.replace(/\s+/g, '');
  const arr = standardString.split('');
  const res = arr.reduce((pre, item) => {
    const strCode = item.charCodeAt();
    if ((strCode <= 122 && strCode >= 97) || (strCode <= 90 && strCode >= 65)) {
      pre.push(item);
    } else {
      message.warning('请输入字母');
    }
    return pre;
  }, []);
  return res.join('');
};

// 限制输入只为大写字母
export const inputToCapitalAlp = (data) => {
  const standardString = data.replace(/\s+/g, '');
  const arr = standardString.split('');
  const res = arr.reduce((pre, item) => {
    const strCode = item.charCodeAt();
    if (strCode <= 90 && strCode >= 65) {
      pre.push(item);
    } else if (strCode <= 122 && strCode >= 97) {
      const letter = String.fromCharCode(strCode - 32);
      pre.push(letter);
    } else {
      message.warning('只能输入大写字母');
    }
    return pre;
  }, []);
  return res.join('');
};

// 限制输入只为数字及大写字母
export const inputToNumAlp = (data) => {
  const standardString = data.replace(/\s+/g, '');
  const arr = standardString.split('');
  const res = arr.reduce((pre, item) => {
    const strCode = item.charCodeAt();
    if ((strCode < 58 && strCode >= 48) || (strCode <= 90 && strCode >= 65)) {
      pre.push(item);
    } else {
      message.warning('请输入数字或大写字母');
    }
    return pre;
  }, []);
  return res.join('');
};

// 限制输入只为数字，从0-99，不能有00
export const inputToTwoDigitNum = (data) => {
  let res = data;
  const standardString = data.replace(/\s+/g, '');
  const arr = standardString.split('');
  if (arr.find((el) => el.charCodeAt() >= 58 || el.charCodeAt() < 48)) {
    message.warning('只能输入数字');
    return '';
  }
  if (data == '00') res = '0';
  if (data.length > 2) {
    res = arr.splice(0, 2).join('');
    message.warning('最多输入两位数字');
  }
  return res;
};