vue正则验证

最新推荐文章于 2024-08-01 18:07:49 发布

程序猿_“大神”

最新推荐文章于 2024-08-01 18:07:49 发布

阅读量1.8k

点赞数 1

分类专栏： vue常用代码文章标签： vue.js javascript

本文链接：https://blog.csdn.net/dyx001007/article/details/123332614

版权

本文介绍了如何在Vue.js中使用正则表达式进行验证，包括通过`new`和字面量方式创建正则，以及各种正则表达式的元字符和量词用法，如`^`表示开始，`$`表示结束，`*`, `+`, `?`, `{n}`, `{n,}`和 `{n,m}`等。同时，文章还提到了`replace()`方法用于替换匹配的正则内容。" 105946108,7512632,Ubuntu CUDA配置全攻略,"['机器学习', 'CUDA', 'Linux系统', 'Ubuntu', 'NVIDIA驱动']

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

<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'
const formData = reactive({
  mobile: '',
  mobileMsg: '',
  pwd: '',
  pwdMsg: ''
})
const mobileFlag = ref(false) // 正则验证是否成功
const pwdFlag = ref(f