iview自定义表单验证

iview表单支持自定义验证规则,可以完成更复杂的验证,下面以验证手机号为例,说明使用方法:
//在组件的data里 声明验证规则:
constvalidatePhone =(rule, value, callback) =>{
  if (!value) { 
      return callback(newError('手机号不能为空')); 
  }
  else if (!/^1[34578]\d{9}$/.test(value)) { 
      callback('手机号格式不正确'); 
  } else { 
      callback(); 
  } 
};
//在表单验证规则里使用
ruleValidate: { phone:[{ validator: validatePhone, trigger:'blur' }] }
//注意:表单添加校验时,需要给 Form 设置属性 rules,即 “:rules="ruleValidate"”,
//同时给需要验证的 FormItem 设置属性 prop 指向对应字段,即 “:prop="phone"”。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容