Vue框架中的表单输入字段使用正则表达式进行验证

 <template>

    
   <div class="home">
    
     <div>
    
       <div>
    
     <input type="text" v-model="formData.mobile" placeholder="请输入手机号"><span v-show="mobileFlag">{{formData.mobileMsg}}</span>
    
       </div>
    
       <div>
    
     <input type="text" v-model="formData.pwd" placeholder="请输入密码"><span v-show="pwdFlag">{{formData.pwdMsg}}</span>
    
       </div>
    
       <div>
    
     <button @click="login">登录</button>
    
       </div>
    
     </div>
    
   </div>
    
 </template>
    
  
    
 <script setup>
    
 import { reactive, ref } from 'vue'
    
 con