vue 正则表达式 验证邮箱
时间: 2023-09-27 20:05:47 浏览: 148
验证email的正则表达式
在Vue中使用正则表达式验证邮箱可以使用以下代码:
```javascript
// 定义正则表达式
const emailReg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/
// 在Vue的methods中定义验证方法
methods: {
validateEmail(email) {
return emailReg.test(email)
}
}
```
然后在模板中使用该方法进行验证:
```html
<template>
<div>
<input type="text" v-model="email" />
<button @click="validateEmail(email)">验证</button>
</div>
</template>
```
当用户点击“验证”按钮时,会调用`validateEmail`方法进行邮箱验证。如果验证通过,该方法会返回`true`,否则返回`false`。可以根据返回值来提示用户是否输入了正确的邮箱。
阅读全文