- 常見字段
data () {
let assetName = (rule, value, callback) => {
if (!this.checkSpecialKey(value)) {
callback(new Error('不可有特殊符號(hào)'))
} else {
callback()
}
};
let assetByname_name = (rule, value, callback) => {
let reg = /[\u4E00-\u9FA5\s]/
if (reg.test(value)) {
callback(new Error('不可出現(xiàn)漢字昵慌、空格'))
} else {
callback()
}
};
let assetByname_length = (rule, value, callback) => {
if (value.length > 15) {
callback(new Error('不得超過15個(gè)字符'))
} else {
callback()
}
};
return {
rules: {
asset_name: [
{ required: true, message: '請(qǐng)輸入名稱' }, // 必填項(xiàng)校驗(yàn)
{ validator: assetName, message: '不可有特殊符號(hào)' }, // 輸入時(shí)棍苹，校驗(yàn)
{ validator: assetName, trigger: 'blur' }, // 失去焦點(diǎn)時(shí)兴垦，校驗(yàn)
{ validator: assetByname_name, message: '不可出現(xiàn)漢字肤视、空格' },
{ validator: assetByname_length, message: '不得超過15個(gè)字符' },
{min: 3, max: 5, message: '長度為3-5個(gè)字符'},
{pattern: /^[0-9]+$/, message: '必須為數(shù)字'},
{pattern: /^[a-zA-Z]+$/, message: '必須為字母'},
{pattern: /^[\u4E00-\u9FA5]+$/, message: '必須為中文'},
{pattern: /^[a-zA-Z0-9]+$/, message: '必須為字母與數(shù)字'},
{pattern: /^[^0-9]/, message: '首字符不可為數(shù)字' },
{pattern: /^[a-zA-Z][A-Za-z0-9]+$/, message: '必須為數(shù)字和字母档痪，且首字符不可為數(shù)字' },
{pattern:/(^(\d|[1-9]\d)(\.\d{1,2})?$)|(^100$)/, message: '請(qǐng)輸入0-100數(shù)字,最多可保留兩位小數(shù)'}
]
}
}
}
- 手機(jī)號(hào)，郵箱邢滑，身份證號(hào)
data() {
let checkContactWay = (rule, value, callback) => {
let myreg = /^[1][3,4,5,7,8][0-9]{9}$/
setTimeout(() => {
if (value && !myreg.test(value)) {
callback(new Error('請(qǐng)輸入有效的手機(jī)號(hào)碼'))
} else {
callback()
}
}, 200)
}
let checkEmail = (rule, value, callback) => {
let reEmail = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if (!reEmail.test(value)) {
callback(new Error('請(qǐng)輸入正確的郵箱格式'))
} else {
callback()
}
}
let idCard = (rule, value, callback) => {
if (value && (!(/\d{17}[\d|x]|\d{15}/).test(value) || (value.length !== 15 && value.length !== 18))) {
// value && 加上的話腐螟，就表示，只有有值的時(shí)候才執(zhí)行正則困后，即非必填乐纸，如果有值，就校驗(yàn)格式
callback(new Error('身份證號(hào)碼不符合規(guī)范'))
} else {
callback()
}
}
return {
form: {
contact_way: '', // 手機(jī)號(hào)
email: '' // 郵箱
id_number: '' // 身份證號(hào)
},
rules: {
contact_way: [
{ validator: checkContactWay, trigger: 'blur' },
{'required': 'true', 'message': '請(qǐng)輸入公司聯(lián)系方式', 'trigger': 'blur'}
],
email: [
{ validator: checkEmail, trigger: 'blur' },
{'required': 'true', 'message': '請(qǐng)輸入公司郵箱', 'trigger': 'blur'}
],
id_number: [
{validator: idCard, message: '身份證號(hào)碼不符合規(guī)范'}
],
}
}
},
- 根據(jù)數(shù)值摇予，自定義正則（不能為零）
data () {
let nullSelect = (rule, value, callback) => {
if (value == 0) {
callback(new Error(rule.message))
} else {
callback()
}
}
return {
rules: {
postId: [
{ required: true, validator: nullSelect, message: '請(qǐng)選擇崗位', trigger:
'change' }]
}
}
}
elementUI表單驗(yàn)證汽绢，參考：http://element.eleme.io/#/zh-CN/component/form
- 正則表達(dá)式限制輸入時(shí)不能輸入空格
https://blog.csdn.net/iteye_11773/article/details/82677058 - js驗(yàn)證字符串是否為數(shù)字或小數(shù)點(diǎn)
if (!/^\d+(?=\.{0,1}\d+$|$)/.test(this.vacationDate)) {
this.$message.warning('調(diào)休天數(shù)必須是數(shù)字')
return
}
https://blog.csdn.net/CSDNXuwei/article/details/72551631
- 只能是整數(shù) 或有小數(shù)點(diǎn)的話,點(diǎn)后面只能是一位還必須是5
用正則 /^[0-9]+(.5)*$/
if (!/^[0-9]+(\.5)*$/.test(this.vacationDate)) {
this.$message.warning('調(diào)休天數(shù)必須是數(shù)字，如果有小數(shù)點(diǎn)侧戴，小數(shù)點(diǎn)后只能是5')
return
}
https://www.zybang.com/question/328de81e4120f9bca886c40175ba22a1.html
- 必須是正整數(shù)
let re = /^[1-9]+[0-9]*]*$/; // 判斷正整數(shù)
if (!re.test(this.search.set_day)) {
this.$message.warning('第幾天為正整數(shù)')
return
}
https://zhidao.baidu.com/question/89978269.html
JS 限制最多輸入兩位小數(shù)（2種寫法）
var amount = document.getElementById('amount').value;
if (!/^[0-9](([0-9]*\.[0-9]{2})|([0-9]*\.[0-9]{1})|([0-9]*))$/.test(amount)) {
document.getElementById('active_amount').className = 'red_border2 p_content' // 警告樣式
toastShow('最多輸入兩位小數(shù)') // 彈框提示
return false;
}
if (!(/^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/.test(amount))) {
document.getElementById('active_amount').className = 'red_border2 p_content' // 警告樣式
toastShow('最多輸入兩位小數(shù)') // 彈框提示
return false
}
- 大于0的所有數(shù)宁昭，小數(shù)點(diǎn)后保留兩位小數(shù)
/^0\.([1-9]|\d[1-9])$|^[1-9]\d{0,8}\.\d{0,2}$|^[1-9]\d{0,8}$/
https://www.cnblogs.com/yuanyuanya/p/12751970.html
- 正整數(shù)
/^\+?[1-9][0-9]*$/
https://www.cnblogs.com/yuanyuanya/p/12751970.html
- 自定義正則
<el-form-item label="數(shù)量" prop="num"
:rules="[{required: ruleForm.rule_type, message: '請(qǐng)輸入'}]">
<el-input v-model="ruleForm.num" maxlength="20" show-word-limit></el-input>
</el-form-item>
- 僅允許數(shù)字和-連接符（座機(jī)號(hào)）
/^(\d|-)*$/
