}elseif(!Reg_w(value)) { callback(newError('表名称仅支持字母数字下划线组合')) }else{ callback() } }return{//表单数据form: {//数据表名称sheet: undefined,//数据库库名database: undefined, },//校验规则rules: { sheet: [{ required:true, validator: validatorSheet, trigger: 'blur'}], ...
data() { // 数据库表名校验 let validatorSheet = (rule, value, callback) => { if (!value) { callback(new Error('请输入数据表名称')) } else if (!Reg_w(value)) { callback(new Error('表名称仅支持字母数字下划线组合')) } else { callback() } } return { // 表单数据 form: {...
正则表达式,如果需要验证手机号码之类,可以直接编写正则表达式配置到校验规则中,那么就不需要自己去校验了,由校验器自动校验。 { type : "string" , required: true , pattern : /^[a-z]+$/ } min/max: 判断数据大小范围,通常对数字大小范围做校验。对于字符串和数组类型,将根据长度进行比较。 { required: ...
校验规则 <script setup>import{ref,reactive}from'vue';constisIdShow=ref(false);construleFormRef=ref(null);constform=reactive({email:'',pwd:'',idkey:''});constvalidatePwd=(rule,value,callback)=>{if(!value){callback(newError('请输入密码'));}callback();};construlesForm=reactive({email...
将自定义校验规则添加到el-form-item的prop属性对应的rules对象中。prop属性应与表单项的v-model绑定的变量名相同。 vue <template> <el-form :model="form" :rules="rules" ref="formRef"> <el-form-item label="数字" prop="number"> <el-input v-model="form.number">...
1. 用户名校验:用户名通常要求长度在4到16个字符之间,只能包含字母、数字和下划线。 2. 密码校验:密码通常要求长度在6到20个字符之间,至少包含一个大写字母、一个小写字母和一个数字。 3. 邮箱校验:邮箱地址通常要求符合邮箱地址的格式,如***。 4. 手机号码校验:手机号码通常要求符合手机号码的格式,如11位数字...
在使用el-form时,可以通过正则表达式对用户输入的数据进行格式校验。 以下是一些常用的正则表达式示例: 1. 校验手机号码: ``` /^1[3-9]\d{9}$/ ``` 该正则表达式可以校验以1开头的11位数字字符串,可以匹配有效的手机号码。 2. 校验邮箱: ``` /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([...
if (value < 3 || value > 9999.99) { callback("请输入3-9999.99的数字"); } callback(); } function handleSave() { proxy.$refs["costForm"].validate((valid) => { if (valid) { console.log("验证通过"); } else { console.log("验证不通过"); ...
form 正常的表单校验参见官方文档就能解决,我这里整理一下非官方的一些写法: 1. 正常的js校验(html忽略) Vue-JS: data(){letnum=(rule,value,callback)=>{if(value!=null){if(!/^[0-9]*$/.test(value)){callback(newError('请不要输入除数字以外的字符'));return;}if(parseInt(value)<6){callbac...
v-model="stockForm[item.value]"type="text"min="0"maxlength="10"clearableonkeydown.native="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" // 只能输入数字正则校验 /> </el-form-item> <el-tooltip class="item"effect="light"placement="top" ...