input输入框限制输入特殊字符

最新推荐文章于 2025-01-17 12:35:41 发布

原创最新推荐文章于 2025-01-17 12:35:41 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式

解决问题专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用Vue.js限制HTML输入框中特殊字符的输入，包括用户名仅限英文和数字，密码排除特定符号，通过正则表达式实现。

html代码

<input class="form-control" v-model="userName" type="text" placeholder="用户名" @blur="blur" @input="userNameLimit">
<input class="form-control" v-model="userPassword" type="password" placeholder="密码" @input="userPasswordLimit">

**js部分**

//只能输入英文、数字
userPasswordLimit:function() {
	this.userPassword = this.userPassword.replace(/[^\a-\z\A-\Z0-9]/g, '')
},
// 限制输入特殊字符
userNameLimit:function() {
    this.userName = this.userName.replace(/[ `~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g, '')
},