uniapp uni-forms实现表单校验

 本文为自定义校验归责的实现方法。

uniapp官方文档:uni-app官网 (dcloud.net.cn)

实现效果如下:

 uniapp uni-forms实现表单校验_第1张图片

1. 需要设置 name 属性为当前字段名 (与 rules 中的相对应)


  
    
	  
	
	
	   
      
	
    
	   
      
	
  
  

2. 在 onReady 中设置规则

onReady() {
  this.$refs.form.setRules(this.rules)
},

3. 自定义各个字段的校验规则(validateFunction)

4. 表单校验(this.$refs.form.validate)

你可能感兴趣的:(前端,uni-app,java,前端)