js 正则表单验证

已于 2023-10-07 09:50:00 修改
阅读量389 收藏
点赞数
文章标签： 数字验证 表单验证 正则表达式 前端开发 数据格式
于 2022-12-19 22:25:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41588991/article/details/127635848
版权

1. 保留2位小数

let AfpRule = (rule, value, callback) => {
      let reg = /^\d+(\.\d{0,2})?$/;
      if (!value) {
        callback();
      } else {
        if (!reg.test(value)) {
          callback(new Error('请输入≥0的数字,保留两位小数'));
        } else {
          callback();
        }
      }
    };

2. 输入数字时输入框自动补两位小数

<el-form-item label="退款金额（元）" prop="refundAmount" class="box">
          <el-input v-model="form.refundAmount" @blur="inputBlurItem1(form.refundAmount)" class="w-120" />
        </el-form-item>

// 保留2位小时 val是当前输入框值
    inputBlurItem1 (val) {
      if (val && /^((0|[1-9]\d{0,4}|[1]\d{0,4}|20000)(\.[0-9]{0,2}){0,1})$/.test(val)) {
        this.$set(this.hosGaResultInfoPO, ['item1'], Number(val).toFixed(2));
      }
    },

this.$set(更改的数据源，要更改的数据或者索引，重新赋的值)

//用于验证手机号
const checkPhone = (rule, value, callback) => {
    if (value && !(/^\d{11}$/.test(value))) {
        callback(new Error('请输入11位手机号'))
    } else {
        callback();
    }
};

// 1-99999的整数
const check = /^[1-9]{1}\d{0,4}$/

// 2-20个字的校验
const checkFont = (rule, value, callback) => {
    if (value && !(value.length > 1)) {
        callback(new Error('请输入2-20个字'))
    } else {
        callback();
    }
};

//不超过两百个字符
const length200 = (rule, value, callback) => {
    if (value && !(value.length < 200)) {
        callback(new Error('最大可输入200个字符'))
    } else {
        callback();
    }
};
// 纯汉字
const checkFontH = (rule, value, callback) => {
    if (value && !(/^[\u4e00-\u9fa5]+$/.test(value))) {
        callback(new Error('输入格式错误，请重新输入'))
    } else {
        callback();
    }
};

// 身份证号的校验
const idCard = (rule, value, callback) => {
    if ((value && !(/(^\d{15}$)|(^\d{17}(\d|X)$)/.test(value))) || (value && !(/^8[123]0000(?:19|20)\d{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\d|3[01])\d{3}[\dX]$/.test(value)))) {
        callback(new Error('身份证号格式不对'))
    } else {
        callback();
    }
}
// 5位数字包含1位小数
const count5 = (rule, value, callback) => {
    if (value && !(/^([1-9]\d{0,2}|0)(\.\d{1}){0,1}$/.test(value))) {
        callback(new Error('请输入0-999，小数点后一位'))
    } else if (Number(value) > 999) {
        callback(new Error('请输入0-999，小数点后一位'))
    } else {
        callback();
    }
};
// 5位数字包含2位小数
const count52 = (rule, value, callback) => {
    if (value && !(/^(([1-9]\d{0,2})|0)(\.\d{0,2})?$/.test(value))) {
        callback(new Error('请输入0-999.99，小数点后两位'))
    } else if (Number(value) > 999.99) {
        callback(new Error('请输入0-999.99，小数点后两位'))
    } else {
        callback();
    }
};
// 最多5位数字
const countLength5 = (rule, value, callback) => {
    if (value && !(/^[0-9]{1,5}$/.test(value))) {
        callback(new Error('请输入不超过5位的数字'))
    } else {
        callback();
    }
};
// 最多3位数字
const countLength3 = (rule, value, callback) => {
    if (value && !(/^[0-9]{1,3}$/.test(value))) {
        callback(new Error('请输入不超过3位的数字'))
    } else {
        callback();
    }
};
// 数字
const count = (rule, value, callback) => {
    if (value && !(/^[0-9]$/.test(value))) {
        callback(new Error('请输入正整数'))
    } else {
        callback();
    }
};
// 纯整数数字
const countZS = (rule, value, callback) => {
    if (value && !(/^[0-9]{1,}$/.test(value))) {
        callback(new Error('请输入整数'))
    } else {
        callback();
    }
};
// 大于0的整数
const countB0 = (rule, value, callback) => {
    if (value && !(/^[0-9]{1,}$/.test(value))) {
        callback(new Error('大于0的整数'))
    } else if (value == 0) {
        callback(new Error('大于0的整数'))
    } else {
        callback();
    }
};
// 数字20以内
const count20 = (rule, value, callback) => {
    if (value && !(/^[0-9]{1,2}$/.test(value))) {
        callback(new Error('请输入1-20的整数'))
    } else if (value < 1 || value > 20) {
        callback(new Error('请输入1-20的整数'))
    } else {
        callback();
    }
};
// 数字50以内
const count50 = (rule, value, callback) => {
    if (value && !(/^[0-9]{1,2}$/.test(value))) {
        callback(new Error('请输入1-50的整数'))
    } else if (value < 1 || value > 50) {
        callback(new Error('请输入1-50的整数'))
    } else {
        callback();
    }
};
// 数字50以内整数 0-50 的整数
const count50New = (rule, value, callback) => {
    if (value && !(/^[0-9]{1,2}$/.test(value))) {
        callback(new Error('请输入0-50的整数'))
    } else if (value < 0 || value > 50) {
        callback(new Error('请输入0-50的整数'))
    } else {
        callback();
    }
};
// 数字40以内小数
const count40a = (rule, value, callback) => {
    if (value == 0 && String(value).indexOf('.') == -1) {
        if (String(value).length > 1) {
            callback(new Error('请输入，0-40之内的数字，小数点后两位'))
        } else {
            callback();
        }
    } else if (String(value).split('.')[1] && String(value).split('.')[1].length > 2) {
        callback(new Error('请输入，0-40之内的数字，小数点后两位'))
    } else if (value && !(/^[0-9]{1,2}\.\d{0,2}$/.test(value))) {
        callback(new Error('请输入，0-40之内的数字，小数点后两位'))
    } else if (value < 0 || value > 40) {
        callback(new Error('请输入，0-40之内的数字，小数点后两位'))
    } else {
        callback();
    }
};
// 数字40以内
const count40 = (rule, value, callback) => {
    if (value && !(/^[0-9]{1,2}$/.test(value))) {
        callback(new Error('请输入1-40的整数'))
    } else if (value < 1 || value > 40) {
        callback(new Error('请输入1-40的整数'))
    } else {
        callback();
    }
}
// 数字60以内小数
const count60a = (rule, value, callback) => {
    if (value == 0 && String(value).indexOf('.') == -1) {
        if (String(value).length > 1) {
            callback(new Error('请输入0-60之内的数字，小数点后两位'))
        } else {
            callback();
        }
    } else if (String(value).split('.')[1] && String(value).split('.')[1].length > 2) {
        callback(new Error('请输入0-60之内的数字，小数点后两位'))
    } else if (value && !(/^[0-9]{1,2}\.\d{0,2}$/.test(value))) {
        callback(new Error('请输入0-60之内的数字，小数点后两位'))
    } else if (value < 0 || value > 60) {
        callback(new Error('请输入0-60之内的数字，小数点后两位'))
    } else {
        callback();
    }
};

// 数字60以内小数---不含0
const count60b = (rule, value, callback) => {
    if (value && !(/^(([1-5]\d|[0-9])(\.\d{1,2})|([1-5]\d|[0-9]|60))$/.test(value))) {
        callback(new Error('请输入0-60之内的数字，小数点后两位'))
    } else if (value <= 0 || value > 60) {
        callback(new Error('请输入0-60之内的数字，小数点后两位'))
    } else {
        callback();
    }
};
//   
const count60 = (rule, value, callback) => {
    if (value && !(/^[0-9]{1,2}$/.test(value))) {
        callback(new Error('请输入1-60的整数'))
    } else if (value < 1 || value > 60) {
        callback(new Error('请输入1-60的整数'))
    } else {
        callback();
    }
}
// 1-50之内的数字，保留小数点后两位
const countFloat50 = (rule, value, callback) => {
    if (value && !(/^(([1-4]\d|[1-9])(\.\d{1,2})|([1-4]\d|[1-9]|50 |50.00|50.0))$/.test(value))) {
        callback(new Error('请输入1-50之内的数字，小数点后两位'))
    } else if (value < 1 || Number(value) > 50) {
        callback(new Error('请输入1-50之内的数字，小数点后两位'))
    } else {
        callback();
    }
};
// 0-50之内的数字，保留小数点后两位
const countFloat050 = (rule, value, callback) => {
    if (value && !(/^(([1-4]\d|[0-9])(\.\d{1,2})|([1-4]\d|[0-9]|50))$/.test(value))) {
        callback(new Error('请输入0-50之内的数字，小数点后两位'))
        //   }else if(value == 0 || value > 50){
    } else if (value < 0 || value > 50) {
        callback(new Error('请输入0-50之内的数字，小数点后两位'))
    } else {
        callback();
    }
};
// 1-100之内的数字，小数点后两位
const countFloat100 = (rule, value, callback) => {
    if (value && !(/^(([1-9]\d|[1-9])(\.\d{1,2})|([1-9]\d|[1-9]|100))$/.test(value))) {
        callback(new Error('请输入1-100之内的数字，小数点后两位'))
    } else if (value < 1 || value > 100) {
        callback(new Error('请输入1-100之内的数字，小数点后两位'))
    } else {
        callback();
    }
};
// 0-100之内的数字，小数点后两位
const countFloat0100 = (rule, value, callback) => {
    if (String(value) == '100.0' || String(value) == '100.00') {
        callback();
    } else if (value && !(/^(([1-9]\d|[0-9])(\.\d{1,2})|([1-9]\d|[0-9]|100))$/.test(value))) {
        callback(new Error('0-100之内的数字，小数点后两位'))
    } else if (value > 100) {
        callback(new Error('0-100之内的数字，小数点后两位'))
    } else {
        callback();
    }
};
// 1-100之内的整数
const countInit100 = (rule, value, callback) => {
    if (value && !(/^([1-9]\d|[1-9]|100)$/.test(value))) {
        callback(new Error('请输入1-100的整数'))
    } else if (value < 1 || value > 100) {
        callback(new Error('请输入1-100的整数'))
    } else {
        callback();
    }
};
// 0-100之内的整数
const countInit0100 = (rule, value, callback) => {
    if (value && !(/^([1-9]\d|[1-9]|100|0)$/.test(value))) {
        callback(new Error('请输入0-100的整数'))
    } else if (value > 100) {
        callback(new Error('请输入0-100的整数'))
    } else {
        callback();
    }
};
// 1-10的整数
const countInit10 = (rule, value, callback) => {
    if (value && !(/^([1-9]|10)$/.test(value))) {
        callback(new Error('请输入1-10的整数'))
    } else if (value < 1 || value > 10) {
        callback(new Error('请输入1-10的整数'))
    } else {
        callback();
    }
};
// 1-12的整数
const countInit12 = (rule, value, callback) => {
    if (value && !(/^([1-9]|10|11|12)$/.test(value))) {
        callback(new Error('请输入1-12的整数'))
    } else if (value < 1 || value > 12) {
        callback(new Error('请输入1-12的整数'))
    } else {
        callback();
    }
};
// 0-12的整数
const countInit012 = (rule, value, callback) => {
    if (value && !(/^([1-9]|10|11|12|0)$/.test(value))) {
        callback(new Error('请输入0-12的整数'))
    } else if (value > 12) {
        callback(new Error('请输入0-12的整数'))
    } else {
        callback();
    }
};
// 0-11的整数
const countInit011 = (rule, value, callback) => {
    if (value && !(/^([1-9]|10|11|0)$/.test(value))) {
        callback(new Error('请输入0-11的整数'))
    } else if (value > 11) {
        callback(new Error('请输入0-11的整数'))
    } else {
        callback();
    }
};
// 20以内的整数
const countInit20 = (rule, value, callback) => {
    if (value && !(/^([1-9]|[1]\d|20)$/.test(value))) {
        callback(new Error('请按照取材部位填写顺序号，如：1，2，3…20'))
    } else if (value < 1 || value > 20) {
        callback(new Error('请按照取材部位填写顺序号，如：1，2，3…20'))
    } else {
        callback();
    }
};
// 身高50-300
const countSG = (rule, value, callback) => {
    if (value && !(/^([5-9]\d{1}|[1-2]\d{2}|300)$/.test(value))) {
        callback(new Error('请输入50-300之间的整数'))
    } else if (value < 50 || value > 300) {
        callback(new Error('请输入50-300之间的整数'))
    } else {
        callback();
    }
};
// 体重20-300
const checkTZ = (rule, value, callback) => {
    if (value && !(/^([2-9]\d{1}|[1-2]\d{2}|300|([2-9]\d{1}|[1-2]\d{2}|300)(\.\d{1}))$/.test(value))) {
        callback(new Error('请输入20-300之间的数字，小数点后一位'))
    } else if (value < 20 || value > 300) {
        callback(new Error('请输入20-300之间的数字，小数点后一位'))
    } else {
        callback();
    }
};
// 腰围40-300
const checkYW = (rule, value, callback) => {
    if (value && !(/^([4-9]\d{1}|[1-3]\d{2}|400)$/.test(value))) {
        callback(new Error('请输入40-400之间的整数'))
    } else if (value < 40 || value > 400) {
        callback(new Error('请输入40-400之间的整数'))
    } else {
        callback();
    }
};
// 12-99
const checkY = (rule, value, callback) => {
    if (value && !(/^([2-9]\d{1}|[1][2-9]{1})$/.test(value))) {
        callback(new Error('请输入12-99之间的整数'))
    } else if (value < 12 || value > 99) {
        callback(new Error('请输入12-99之间的整数'))
    } else {
        callback();
    }
};
// 1-999
const count999 = (rule, value, callback) => {
    if (value && !(/^([1-9]\d{0,2})$/.test(value))) {
        callback(new Error('请输入1-999之间的整数'))
    } else if (value < 1 || value > 999) {
        callback(new Error('请输入1-999之间的整数'))
    } else {
        callback();
    }
};
// 1-99
const count99 = (rule, value, callback) => {
    if (value && !(/^([1-9]\d{0,1})$/.test(value))) {
        callback(new Error('请输入1-99之间的整数'))
    } else if (value < 1 || value > 99) {
        callback(new Error('请输入1-99之间的整数'))
    } else {
        callback();
    }
};
// 0-99
const count099 = (rule, value, callback) => {
    if (value && !(/^([0-9]\d{0,1})$/.test(value))) {
        callback(new Error('请输入0-99之间的整数'))
    } else if (value < 0 || value > 99 || String(value) == '00') {
        callback(new Error('请输入0-99之间的整数'))
    } else {
        callback();
    }
};
// 0.5-99.5激素替代治疗的年数
const count99Float = (rule, value, callback) => {
    if (value && !(/^(([1-9]\d{0,1})((\.[5]){0,1})|0.5)$/.test(value))) {
        callback(new Error('请输入正确的治疗年数（半年填0.5）'))
    } else if (value < 0 || value > 99.5) {
        callback(new Error('请输入正确的治疗年数（半年填0.5）'))
    } else {
        callback();
    }
};

// 0-20000之内的数字，小数点后两位
const countFloatAFP = (rule, value, callback) => {
    if (value && !(/^((0|[1-9]\d{0,4}|[1]\d{0,4}|20000)(\.[0-9]{0,2}){0,1})$/.test(value))) {
        callback(new Error('取值范围0.01-20000.00'))
    } else if (Number(value) > 20000 || Number(value) == 0) {
        callback(new Error('取值范围0.01-20000.00'))
    } else {
        callback();
    }
};
// 机构编码，2位数字校验
const deptCode = (rule, value, callback) => {
    if (value && !(/^(\d{2})$/.test(value))) {
        callback(new Error('请输入2位数字'))
    } else {
        callback();
    }
};
// add 0-50
const add050 = (rule, value, callback) => {
    if (value && !(/^(([1-4]\d|50|[0-9])(\.\d{1,2})|([1-4]\d|[0-9]|50|50.0|50.00))$/.test(value))) {
        callback(new Error('请输入0-50的数字，小数点后两位'))
    } else if (value < 0 || value > 50) {
        callback(new Error('请输入0-50的数字，小数点后两位'))
    } else {
        callback();
    }
}
// add 0-100
const add0100 = (rule, value, callback) => {
    if (String(value) == '100.0' || String(value) == '100.00') {
        callback();
    } else if (value && !(/^(([1-9]\d|[0-9])(\.\d{1,2})|([1-9]\d|[0-9]|100))$/.test(value))) {
        callback(new Error('请输入0-100的数字，小数点后两位'))
    } else if (value < 0 || value > 100) {
        callback(new Error('请输入0-100的数字，小数点后两位'))
    } else {
        callback();
    }
}
// add 0-500
const add0500 = (rule, value, callback) => {
    if (value && !(/^(500.00|500.0|500|([1-4]\d{2}|\d|\d{2})(\.\d+)?)$/.test(value))) {
        callback(new Error('请输入0-500的数字，小数点后两位'))
    } else if (value < 0 || value > 500) {
        callback(new Error('请输入0-500的数字，小数点后两位'))
    } else {
        callback();
    }
}
// add 0-5
const add05 = (rule, value, callback) => {
    if (value && !(/^(5.00|5.0|5|([0-4])(\.\d+)?)$/.test(value))) {
        callback(new Error('请输入0-5的数字，小数点后两位'))
    } else if (value < 0 || value > 5) {
        callback(new Error('请输入0-5的数字，小数点后两位'))
    } else {
        callback();
    }
}
// add 0-20
const add020 = (rule, value, callback) => {
    if (value && !(/^(20.00|20.0|20|([1][0-9]|\d)(\.\d+)?)$/.test(value))) {
        callback(new Error('请输入0-20的数字，小数点后两位'))
    } else if (value < 0 || value > 20) {
        callback(new Error('请输入0-20的数字，小数点后两位'))
    } else {
        callback();
    }
}
// 0<data<=50,小数点后一位
const count50a = (rule, value, callback) => {
    if (value && !(/^(([1-4]\d|50|[0-9])(\.\d{1})|([1-4]\d|[1-9]|50|50.0))$/.test(value))) {
        callback(new Error('请输入0-50的数字，小数点后一位'))
    } else if (value <= 0 || value > 50) {
        callback(new Error('请输入0-50的数字，小数点后一位'))
    } else {
        callback();
    }
}

// 验证纯数字带小数点
export function checkNumber (rule, value, callback) {
    const reg = /^[0-9]+([.]{1}[0-9]+){0,1}$/
    if (!value) {
        return callback(new Error('必填项不能为空'))
    } else if (!reg.test(value)) {
        return callback(new Error('请填写整数或小数'))
    } else {
        callback()
    }
}

//2.验证金额11位，整数最多8位小数两位
export function checkAmount(rule, value, callback) {
    const reg = /^([1-9][\d]{0,7}|0)(\.[\d]{1,2})?$/
    if (!value) {
        return callback(new Error('请填写金额'))
    } else if (!reg.test(value)) {
        return callback(new Error('金额不正确'))
    } else {
        callback()
    }
}

// 身份证
export function checkIdNum(rule, value, callback) {
    const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
    if (!value) {
        return callback(new Error('证件号码不能为空'))
    } else if (!reg.test(value)) {
        return callback(new Error('证件号码不正确'))
    } else {
        callback()
    }
}

// 手机号码
export const validateMobile = (rule, value, callback) => {
    let reg = /^1[0-9]{10}$/
    if (value === '') {
        callback(new Error('请输入手机号码'))
    } else if (!reg.test(value)) {
        callback(new Error('手机号码格式输入不正确'))
    } else {
        callback()
    }
}

// 座机号码
export const validateConsultingPhone = (rule, value, callback) => {
    let reg = /^0\d{2,3}-\d{7,8}(-\d{1,6})?$/
    if (value === '') {
        callback(new Error('必填项不能为空'))
    } else if (!reg.test(value)) {
        callback(new Error('电话格式输入不正确'))
    } else {
        callback()
    }
}

// 过滤空格
export const validateSpace = (value) => {
    return value.replace(/[ ]/g, '')
}

// 验证所在地区
export function validateAreas(rule, value, callback) {
    if (value.length !== 4) {
        return callback(new Error('请选择完整的所在地区'))
    } else {
        callback()
    }
}

// 验证经度
export function validateJingDu(rule, value, callback) {
    const reg = /^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,8})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,8}|180)$/
    if (!value) {
        return callback(new Error('请填写经度'))
    } else if (!reg.test(value)) {
        return callback(new Error('经度不正确'))
    } else {
        callback()
    }
}
// 验证纬度
export function validateWeiDu(rule, value, callback) {
    const reg = /^(\-|\+)?([0-8]?\d{1}\.\d{0,9}|90\.0{0,9}|[0-8]?\d{1}|90)$/
    if (!value) {
        return callback(new Error('请填写纬度'))
    } else if (!reg.test(value)) {
        return callback(new Error('纬度不正确'))
    } else {
        callback()
    }
}
// 3位数字或英文或英文与数字组合，其他符号不可输入
const checkLocation = /^[A-Za-z0-9]+$/

学不会•
关注
JavaScript使用正则表达式做表单验证
weixin_45539338的博客
06-15 2057
JavaScript使用正则表达式实现表单验证
JavaScript验证正则表达式
aao84421的博客
01-18 156
匹配中文字符的正则表达式： [u4e00-u9fa5] 评注：匹配中文还真是个头疼的事，有了这个表达式就好办了 匹配双字节字符(包括汉字在内)：[^x00-xff] 评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 匹配空白行的正则表达式：ns*r 评注：可以用来删除空白行 匹配HTML标记的正则表达式：< (S*?)[^>...
js常用的表单正则验证
lfkabb的博客
09-25 215
var phoneReg = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/; //手机号码验证 var nameReg = /^[\u4E00-\u9FA5]{2,4}$/; //中文名验证 var idReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; //身份证验证 let userName=""; let phoneNum =""; let idCard = ""; if(user...
JS正则验证表单
12-05
JS配合正则对表单验证，里面还有一个html5新的验证表单API。
JS正则表单验证
Pine_Cypress
01-18 228
还在为表单验证烦恼吗？不需要！！！实现一次，多项目应用。
js正则表达式验证表单【完整版】
10-20
最后，文章指出，使用JavaScript和正则表达式进行表单验证具有较好的参考价值，并鼓励大家学习和应用。同时，文章还感谢了读者的支持。 整篇文章通过具体的实例，展示了前端开发中表单验证的完整流程。不仅提供了...
JS正则表达式验证数字（非常全）
10-20
在Web开发中，这些正则表达式可以用于HTML表单验证、JavaScript函数验证，或在数据提交到服务器前进行客户端验证。这样可以提高用户体验，减轻服务器负担，并且让数据结构更规范。不过需要注意的是，正则表达式可能...
JavaScript正则表达式验证登录实例
10-15
JavaScript正则表达式是JavaScript编程语言中一种用来进行...以上就是对JavaScript正则表达式验证登录实例的详细解读。这个示例虽然简单，但其中所涉及的概念和方法可以广泛应用于各类需要输入验证的Web应用开发之中。
正则表单验证
08-02
本文将深入探讨正则表单验证的原理、使用方法以及常见应用场景。 1. 正则表达式基础： 正则表达式是一种模式匹配语言，用于描述字符串中的字符组合规则。通过使用特殊字符，如星号(*)、加号(+)、问号(?)、花括号({...
js表单验证（常用的正则表达式）
最新发布
m0_69759037的博客
11-20 1519
js
javascript表单验证 正则表达式验证表单
04-16
比较实用的javascript做的表单验证，验证的表单域包括用户名、密码、密码确认、密码提示问题、邮箱、手机号码、身份证。表单域基本通过获得焦点显示提示信息，失去焦点进行验证，还有提交表单验证。提交表单先进行必填项不能为空验证，再进行正则表达式匹配验证。
正则表达式，js表单验证
weixin_45851686的博客
09-08 789
正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等，常用于表单验证等。参考文档：https://www.runoob.com/regexp/regexp-tutorial.html 正则表达式语法案例： <script> /*1. 边界符 ^开头 $结尾*/ var re=/abc/;//abc含有abc
js正则表达式表单验证
daxiang的专栏
04-20 874
$('#pass').keyup(function(e){ var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$", "g"); var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-
js表单验证与正则
weixin_67150631的博客
03-06 1212
正则的js写法，js的表单验证
JS正则表达式，表单验证（一）
星辰里的月光
10-12 549
正则表达式 如图所示： 一.先附上一部分代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>正则表达式验证</title> </head> <script src="js/verify.js"></script...
js--表单验证 正则
weixin_44892520的博客
08-28 218
①exp.test(str) 返回true，false ②str.match(exp) 返回集合或者null
js用正则表达式来验证表单(比较齐全的资源)，JS正则test(）方法
热门推荐
Baple的专栏
01-05 1万+
在学习网页中的表单验证，顺便学习下正则表达式     在网上找了后发现了一个比较齐全的资源，稍微进行了一下排版     复制代码代码如下:     // 检查是否为有效的真实姓名，只能含有中文或大写的英文字母     function isValidTrueName(strName){     var str = Trim(strName);     //判断是否为全英文大写或全中文，
js正则的常见表单验证
FG_1314的博客
01-01 357
号码验证、邮箱验证、8位数字验证
js表单验证正则大全
胡西风的博客
04-29 1541
常用正则表达式 /^\\d+$/　　　　　　　　　　//非负整数（正整数 + 0） /^[0-9]*[1-9][0-9]*$/　　　 //正整数 /^((-\\d+)|(0+))$/　　　 //非正整数（负整数 + 0） /^-[0-9]*[1-9][0-9]*$/　　 //负整数 /^-?\\d+$/　　　　　　　　 //整数 /^\\d+(/　　　　　　　　　 //非负浮...
JavaScript 正则表达式表单验证实践
在JavaScript中，正则表达式是进行表单验证的重要工具，它允许我们检查用户输入的数据是否符合预设的规则。正则表达式（Regular Expression）是一种特殊的字符串模式，用于匹配和处理文本。在表单验证中，我们可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

学不会•

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

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

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

打赏作者

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

抵扣说明：

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

余额充值