使用正则对用户输入的手机号、邮箱格式判断

Yui_NIE

于 2024-03-27 23:09:13 发布

阅读量190

点赞数 3

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/Yui_NIE/article/details/137092740

版权

本文介绍了在Vue框架中使用HTML构建表单，包含手机号和邮箱输入框，并使用正则表达式实现格式验证，以确保数据的准确性。

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

html：

<view class="infoArrange">
	<view>手&nbsp;&nbsp;机</view>
    <input type="text" placeholder="请输入手机号码" v-model="form.phonenumber" @blur="isPhone" />
</view>
<view class="infoArrange">
	<view>邮&nbsp;&nbsp;箱</view>
	<input type="text" placeholder="请输入邮箱地址" v-model="form.email" @blur="isEmail" />
</view>

methods：

isPhone() {
				let reg = /^[1][2,3,4,5,6,7,8,9][0-9]{9}$/;
				if (!reg.test(this.form.phonenumber)) {
					uni.showToast({
						title: "手机号格式错误！",
						icon: 'none',
						duration: 2000
					})
				}
			},
isEmail() {
			let reg = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.(com|cn|net)$/;
				if (!reg.test(this.form.email)) {
					uni.showToast({
						title: "邮箱格式错误！",
						icon: 'none',
						duration: 2000
					})
				}

			}