El componente vant utiliza van-field para resolver el problema de verificación del buzón

Requisito: cuando el usuario regrese a la página anterior, guarde la información de edición del usuario, para que cuando el usuario ingrese al buzón, verifique si es correcta

Inserte la descripción de la imagen aquí

Usar campo de furgoneta

 <van-form>
	 <van-field
	       maxlength="25"
	       v-model="param.email"
	       label="邮箱"
	       placeholder="请输入邮箱ID"
	       :formatter="formatter"
	       :error-message="errorText"       
	        />
  </van-form>

Utilice el formateador para la verificación

 formatter(val) {
    
    
      const reg = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;

      if (!val) return '';
      // return reg.test(val);
      if (!reg.test(val)) {
    
    
        this.errorText = '请输入正确的邮箱';
      } else {
    
    
        this.errorText = '';
      }
      return val;
    },

Supongo que te gusta

Origin blog.csdn.net/weixin_45108907/article/details/112271246
Recomendado
Clasificación