vue监控表单输入事件，正则验证手机号，邮箱

<div class="input-name"><inputclass="input-type"type="text"placeholder="请输入您的邮箱"v-model="mail"@change="email"/>
</div>
<div class="input-name"><inputclass="input-type"type="text"placeholder="请输入您的电话"v-model="phone"@change="tel"/>
</div>export default {data() {return {chooseProduct: "",companyName: "",mail: "",name: "",phone: "",isShow1: true,isShow2: false,chooseProduct: [],cities: [{ id: "1", name: "公司产品" },{ id: "2", name: "宝宝箱" },{ id: "3", name: "商务合作" }]};},methods: {email: function() {var email = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;if (!email.test(this.mail)) {alert("请输入正确的邮箱");this.mail = "";// return;}},tel: function() {if (!/^1[345789]\d{9}$/.test(this.phone)) {alert("请输入正确的手机号");this.phone = "";// return;}},

vue监控表单输入事件，正则验证手机号，邮箱相关推荐

Ant Design of Vue +TS 表单动态增加数据验证卧坑姿势
文章目录 Update 20210601 Update 20210525 原文: 1.a-form的model 2.获取数据源码 Update 20210601 今天做别的页面的时候发现又取不到数据 ...
【Vue教程三】点击事件、表单输入事件、键盘事件
一.点击事件: 1.可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码. 'v-on:click' 简写成 '@click' <body><di ...
vue表单常用的正则验证[邮箱，手机号，密码，固话，微信号等
这都是转载别人的大家在用的时候先验证一下我是临时要用所以就随便搜了一下手机号: var validateMobilePhone = (rule, value, callback) => {i ...
vue表单常用的正则验证[邮箱，手机号，密码，固话，微信号]
手机号: var checkPhone = (rule, value, callback) => {if (!value) {return callback(new Error('手机号不能为空 ...
Vue.js 表单输入绑定
基础用法你可以用 v-model 指令在表单 <input>.<textarea> 及 <select> 元素上创建双向数据绑定.它会根据控件类型自动选取正确的方 ...
VUE初学--表单输入与v-model
1.基本用法 1.v-modle 在input的基本用法表单控件在实际业务需求中运用是非常常见,比如,输入框.下拉框.多选.单选等,一般常见于,用户登录注册等,用他们完成数据录入,校验,提交等 Vu ...
表单输入事件辨析-oninput、onkeyup、onchange 开发须知！
oninput事件:是在用户输入时触发:该事件在 <input> 或 <textarea> 元素的值发生改变时触发. onkeyup事件:在键盘按键被松开时发生.即键盘弹起时触 ...
vue elementUI表单输入完成后回车触发事件@keyup.enter.native
<el-form-item label="源仓库namespace:"><el-input v-model=" ...
vue elementUI表单输入时触发事件@input
<el-input @input="func1"/>

vue监控表单输入事件，正则验证手机号，邮箱

vue监控表单输入事件，正则验证手机号，邮箱

vue监控表单输入事件，正则验证手机号，邮箱相关推荐

最新文章

热门文章