关于表单的验证

vue表单的验证：

关于表单的验证，在element中提供了验证表单的方式

在这里插入代码片
<el-form-item label="活动名称" prop="name">
    <el-input v-model="ruleForm.name"></el-input>
  </el-form-item>
  export default{
	data(){
	return{
		rule:{
		name:[{
		//校验表单不能为空
		 { required: true, message: '请输入活动名称', trigger: 'blur' },
		 //校验表单长度
         { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
         //自定义表单验证
         {
         validator:(rule,value,callback)=>{
         //正则表达式验证方法
         //验证不能输入汉字
			if(value){
			if(/[\u4E00-\u9FA5]/g.test(value)){
				callback(new Error('不能输入汉字，请重新输入'))
			}else{
				callback()
			}}
		}}
		}]
	}  
	}
	}
 }

对数字输入框进行验证时：

<input v-model.number='formData.age'></input>

此时输入框才生效进行数字验证

看都看到这里了，有钱的捧个钱场，没钱的捧个人场，留个关注吧–