郵箱正則驗證(vant實例)

正則

 /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/ 

下面的實例用vant編寫

<template>
  <transition name="fade" appear>
        <van-form @submit="onSubmit">
          <!-- 郵箱 -->
          <van-field
            v-model="email"
            label="郵箱"
            placeholder="郵箱"
            clearable
            :rules="[
              { required: true, message: '請填寫您的郵箱！' },
              { pattern: /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/, message: '郵箱格式錯誤！'}
            ]"
          />
          
        </van-form>        
  </transition>
</template>