表单验证 - 简书

表单验证

小写字母

export function validateLowerCase (str) {
      const 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)
    }

邮箱

export function validateEmail (email) {
      const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
      return re.test(email)
    }

手机号验证

export function validatePhoneNumber (phone) {
      const re = /^1[3|4|5|7|8]\d{9}$/
      return re.test(phone)
    }

判断是否是数字

export function isNumber(val) {
    return !isNaN(val)
}

6-10位字符

export function character(val) {
    const filter = /^[0-9A-Za-z.@-_]{6,16}$/
    return filter.test(val)
}

6-16位数字字母密码验证

export function checkPassword(val) {
    const password = /^[0-9A-Za-z]{6,16}$/
    return password.test(val)
}

限制字符长度

/**
 *  字符长度限制
 *  8可以修改为你想要的字符长度
 */
export function checkLength(val) {
    const length = /^\S{0,8}$/
    return length.test(val)
}

大于0小于100且保留两位小数

export function chackNumber(val) {
    const validateNumber = /^([0-9]\d?(\.\d{1,2})?|0.\d{1,2}|100)$/
    return validateNumber.test(val)
}

最长12位整数且保留两位小数

export function longNumber(val) {
    const longNumber = /^[1-9]{1}[0-9]{0,11}$|^([1-9]{1}[0-9]{0,11})(\.\d{1,2})$|^([0-9]{1})(\.\d{1,2})$/
    return longNumber.test(val)
}

正整数

export function positiveInteger(val) {
    const positiveInteger = /^[0-9]+$/
    return positiveInteger.test(val)
}

匹配0-1的小数保留三位小数

export const MaxValue = value => {
    let reg = /^(0(\.\d{1,3})?|1(\.0{1,3})?)$|^[0][.]$/
    return reg.test(value)
}

html反转义

export const htmlRestore = (str) => {
    if (!str) return str;

    let s = '';
    if (str.length === 0) {
        return '';
    }
    s = str.replace(/&amp;/g, '&');
    s = s.replace(/&lt;/g, '<');
    s = s.replace(/&gt;/g, '>');
    s = s.replace(/&nbsp;/g, ' ');
    s = s.replace(/&#39;/g, `'`);
    s = s.replace(/&quot;/g, '"');
    return s;
};

限制输入为数字，且最多输入2位小数

export const moneyValue= value => {
    let reg = /^\d+(\.\d{0,2})?$/
    return reg.test(value)
}

0-100的整数

export const moneyValue= value => {
    let reg =  /^([0-9]{1,2}|100)$/
    return reg.test(value)
}

判断字符长度（区分中英文）

export const strLen = (str) => {
    let len = 0;
    for (let i = 0; i < str.length; i++) {
        let c = str.charCodeAt(i);
        //单字节加1
        if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
            len++;
        } else {
            len += 2;
        }
    }
    return len;
};

中英文数字

export function validateCnEnNum (str) {
      const reg = /^[\u4E00-\u9FA5A-Za-z0-9_]+$/;
      return reg.test(str)
    }

最后编辑于：2020.07.13 11:06:24