element 输入框相关正则

本文分享了四个用于Vue组件中el-input输入框的正则表达式,包括:数字输入框正整数验证、禁止输入特殊字符、只允许输入中文和只允许输入英文。这些正则表达式有助于提升前端表单数据的合法性,确保用户输入的数据符合特定格式要求。
摘要由CSDN通过智能技术生成

el-input 输入框相关正则

/**
 * 数字输入框正整数
 * @param {*} value 传入的值 
 */ 

export const positiveInteger = (value, length) => {
    if(!value) return value    
    let str = value.replace(/[^\d]/g,'')
    if(str == 0) {
        str = ''
    }
    if(str.length > length) {
        str =  str.slice(0,length)
    }
    return str
};

/**
 * 限制输入特殊字符
 * @param {*} value 
 */ 
export const checkSpecialKey = (value) => {
    if(!value) return value    
    let str = value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘’,。、]/g,"")
    return str
};

/**
 * 只能输入中文
 * @param {*} value 
 */ 
export const chineseCharacter = (value) => {
    if(!value) return value    
    let str = value.replace(/[^\u4e00-\u9fa5]/g,'',"")
    return str
};

/**
 * 只能输入英文
 * @param {*} value 
 */ 
export const checkLetters = (value) => {
    if(!value) return value    
    let str = value.replace(/[^a-zA-Z]/g,"")
    return str
};
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值