正则验证手机账号和密码正则验证方法

@-小飞

已于 2022-03-09 11:35:07 修改

阅读量525

点赞数 1

分类专栏： vue 正则验证 vue3 文章标签： elementui vue.js webview

于 2022-03-07 16:41:13 首次发布

本文链接：https://blog.csdn.net/m0_64531353/article/details/123333786

版权

本文介绍如何在HTML中结合Vue.js，利用正则表达式进行手机号码（11位）和密码的正确性验证，确保用户输入符合规范。

摘要由CSDN通过智能技术生成

HTML点击验证手机号码和密码

 <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>

vue.js验证11位手机号码正确错误和密码


<script setup>
import { reactive, ref } from 'vue'
const formData = reactive({
  mobile: '',
  mobileMsg: '',
  pwd: '',
  pwdMsg: ''
})
const mobileFlag = ref(false) // 正则验证是否成功
const p