输入框校验-vue页面中校验

输入框中只能输入汉字和字母（特殊字符和数字都要禁用）
输入框中禁止输入数字
输入框中只能输入汉字和字母和数字
只能输入数字、只能输入字母、只能输入数字字母下划线、只能输入上面所有的 [数字,字母,下划线,或者汉字]

输入框中只能输入汉字和字母（特殊字符和数字都要禁用）

<a-inputv-model:value="submitForm.shortName"placeholder="请输入简称"onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'') && value.replace(/[0-9]+/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')) && clipboardData.getData('text').replace(/[0-9]+/g,'')"maxlength="10"name="Numbers"
/>

输入框中禁止输入数字

<a-inputv-model:value="submitForm.name"placeholder="请输入名称"onkeyup="value=value.replace(/[0-9]+/g,'')"onbeforepaste="clipboardData.setData('text', clipboardData.getData('text').replace(/[0-9]+/g,'')"maxlength="10"name="Numbers"
/>

输入框中只能输入汉字和字母和数字

<a-inputv-model:value="submitForm.shortName"placeholder="请输入简称"onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')) "maxlength="10"name="Numbers"
/>

只能输入数字、只能输入字母、只能输入数字字母下划线、只能输入上面所有的 [数字,字母,下划线,或者汉字]

<!-- 数字正则为[\d] -->
<input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" placeholder="纯数字"><!-- 只能输入字母 -->
<!-- 字母正则为[a-zA-Z] -->
<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')" placeholder="纯字母"><!-- 只能输入数字字母下划线 -->
<!-- 正则为[\w] -->
<input type="text" onkeyup="this.value=this.value.replace(/[^\w]/g,'')" placeholder="数字字母下划线"><!-- 只能输入汉字 -->
<!-- [\u4e00-\u9fa5] -->
<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')" placeholder="汉字"><!-- 只能输入上面所有的 [数字,字母,下划线,或者汉字] -->
<!-- [\w\u4e00-\u9fa5] -->
<input type="text" onkeyup="this.value=this.value.replace(/[^\w\u4e00-\u9fa5]/g,'')" placeholder="数字,字母,下划线,或者汉字">

输入框校验-vue页面中校验相关推荐

vue组件中校验身份证号，手机号和邮箱
vue组件中校验身份证号,手机号和邮箱直接上代码一.在js文件中添加校验方式和方法 1. 身份证号码校验(说明,这个身份证校验的方式很精确,算法仔细推荐使用) export function id ...
Vue | 实现页面跳转刷新，在Vue页面中调用其他页面的方法
最近有一个登录界面的需求,感觉很简单,尝试各种方法每次都感觉快要成功了,但还是没能解决问题,果然没有系统学习就是很难立刻找到突破点,难以一语中的,好在历经千帆,在页面调用中就解决了这个问题. 需求描述 ...
如何在vue页面中引入其他的子组件？(局部引入/全局引入)
在页面中引入子组件分为局部引入和全局引入,局部引入顾名思义就是只在当前页面引入且只在当前页面显示,全局引入即引入后在所有页面都显示. 首先我们创建两个页面Test.vue和Tset2.vue: 起始效 ...
在vue页面中使用伪元素进行气泡框创建|选中效果自定义|滚动条自定义
在vue页面中使用伪元素进行气泡框|单选框自定义|滚动条自定义 1. 基于vue,使用到的图标是element plus 2. vue单页面代码 <template><h1> ...
vue 同级页面调用方法_【Vue】一个vue页面调用另一个vue页面中的方法
想仿着 vue-material 的 Demo & Document 页面的效果写一个小例子. 遇到问题的地方是: 如上图红色圈出的地方,点击 button 按钮时,无法执行 toggle() ...
vue页面中el-carousel轮播页面或图片
轮播页面 <template><el-carousel trigger="clic ...
海康威视、大华摄像头RTSP视频流嵌入到谷歌Chrome等VUE页面中实时播放方案（图文教程）
近期在做一个智慧城市项目,要求将海康威视.大华等摄像头RTSP视频流在Chrome.Firefox.Edge等浏览器中播放,并且要求延迟必须要低,能到多低就多低,最好是实时视频. 小编了解很多不同的方 ...
vue页面中引入css
1.当你的css样式中没有使用sass的时候,可以直接引用后缀名为.css的样式文件 <style> @import '../../satic/index.css'; </style ...
Atom 编辑器安装 linter-eslint 插件，并配置使其支持 vue 文件中的 js 格式校验
安装linter-eslint插件方式有如下几种. 1. 最简单的方式就是点击 File -Settings -Install ,搜索linter-eslint ,安装即可 2. # 进入atom ...

输入框校验-vue页面中校验

输入框校验-vue页面中校验

输入框中只能输入汉字和字母（特殊字符和数字都要禁用）

输入框中禁止输入数字

输入框中只能输入汉字和字母和数字

只能输入数字、只能输入字母、只能输入数字字母下划线、只能输入上面所有的 [数字,字母,下划线,或者汉字]

输入框校验-vue页面中校验相关推荐

最新文章

热门文章

输入框校验-vue页面中校验

输入框校验-vue页面中校验

输入框中只能输入汉字和字母（特殊字符和数字都要禁用）

输入框中禁止输入数字

输入框中只能输入汉字和字母和数字

只能输入数字、只能输入字母、 只能输入数字字母下划线、只能输入上面所有的 [数字,字母,下划线,或者汉字]

输入框校验-vue页面中校验相关推荐

最新文章

热门文章

只能输入数字、只能输入字母、只能输入数字字母下划线、只能输入上面所有的 [数字,字母,下划线,或者汉字]