js input输入框校验

只能输入英文

<input type="text" οnkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

只能输入英文

<input type="text" οnkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"
οnkeydοwn="fncKeyStop(event)" οnpaste="return false"
οncοntextmenu="return false" />

无法粘贴，右键不会弹出粘贴菜单

只能输入数字：

<input οnkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')">

只能输入数字，小数点：

<input name="price" type="text"
οnkeyup="value=value.replace(/[^\d\.]/g,'')">

只能输入数字，小数点，下划线：

<input name="price" type="text"
οnkeyup="value=value.replace(/[^\d\._]/g,'')">

只能输入英文和数字：

<input οnkeyup="value=value.replace(/[\W]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

只能输入汉字：

<input οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

禁止输入法输入：

<input type="text" style="ime-mode: disabled">

无法切换输入法

只能输入中文、英文、数字、@符号和.符号：

<input type="text"
οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">

不能为空：

<input οnblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">

input校验输入长度, 当输入长度超过8位数, 则提示, 将上一次的数据返回

<input type="text" maxlength="9" v-model="data" @input="verifyData">verifyData() {if (this.data.length > 8) {Toast('已超过最大的充值额度');}
},

正则：

大于0的正整数（不包括0）
var reg = /^\+?[1-9]\d*$/;

正整数和0（包括0）
var reg = /^[1-9]\d*|0$/;

最多2位小数（非负）
var reg = /\d+(\.\d{0,2})?/

只能中文和数字
var reg = /[^\w\u4E00-\u9FA5]/g

input输入框输入验证
οnkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"

οnkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')"

js各种验证文本框输入格式(正则表达式)

不能为空
<input οnblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">

只能输入英文和数字
<input οnblur="if(/[^0-9a-zA-Z]/g.test(value))alert('有错')">
<input οnkeyup="value=value.replace(/[^0-9a-zA-Z]/g,'')"/>
<input type="text" οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
/^([a-zA-z_]{1})([\w]*)$/g.test(str)

只能输入数字
<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')" >

只能输入中文
<input type="text" οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

只能输入英文
<input type="text" οnkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')">
<input type="text" οnkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

只能输入中文、英文、数字、@符号和.符号
<input type="text" οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">

只允许输入英文，且不能粘贴也无法弹出粘贴菜单
<input type="text" οnkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" οnkeydοwn="fncKeyStop(event)" οnpaste="return false" oncontextmenu = "return false"/>

只能输入数字和点号(注意:在[^\d\.]里的d不能写成大写D,否则就变成除了数字以外的所有字符)
<input name="price" type="text" size="8" maxlength="8" οnkeyup="value=value.replace(/[^\d\.]/g,'')" >

总而言之:先在<input>里输入οnkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')里的X换成你想输入的代码就可以了

中文：u4E00-u9FA5
数字：d、0-9
英文：a-z、A-Z
其它符号@,点或其它符号.也可以多个,用\隔开就行了.
例如:
中、英文和数字加@符号加点符号：\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在<input>里输入 onKeyDown="fncKeyStop(event)" οnpaste="return false" οncοntextmenu="return false;"

js input输入框校验相关推荐

js/input/输入框只能输入汉字/数字/英文
输入框只能输入汉字/数字/英文需要自取,丢input里即可, 1.输入框只能输入汉字 onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,' ...
微信小程序input输入框校验手机号输入错误
<view class="flex jc-between"><view>联系方式</view><input class="pla ...
前端基础JS——input输入框的oninput事件和onchange事件
在开发过程中,input用的比较多的是change事件,忽略了还有input事件. onchange--input输入过程中不会触发,失去焦点时才会触发: 兼容性:所有浏览器都支持,可以用于& ...
js实现input输入框内容自动格式化工具-Cleave.js使用教程
Cleave.js是一个帮助表单实现各种复杂实时格式化显示的工具库,可以说Cleave.js让表单的输入变得更加的高逼格,能实现很多复杂的表单格式化显示,简而言之就是针对 <input> ...
js验证input输入框（字母，数字，符号，中文）
<h1>js验证输入框内容</h1> <br /> <br /> 只能输入英文 <input type="text" on ...
JS 判断input输入框日期时间格式是否符合YY-MM-DD HH:MM:SS和是否符合实际日期规范方法以及SQL时间日期格式转化存储
JS 判断input输入框日期时间格式是否符合YY-MM-DD HH:MM:SS和是否符合实际日期规范方法以及SQL时间日期格式转化存储先获取input文本框内输入值 <p>日 & ...
input输入框点击变大缩小的js代码
一.input输入框点击变大缩小的js代码 html中 <style type="text/css"> input[type='text'] {width: 100px ...
html获取鼠标选中文本,经过JS获得input输入框中用鼠标选中的内容
通过JS获得input输入框中用鼠标选中的内容 New Document //Firefox, Safari, Opera下,可以用window.getSelection(), 参考MDC //IE下 ...
js手机键盘遮挡_iphone手机微信页面软键盘遮挡input输入框解决方法
现象描述:iphone手机微信页面,用position: fixed;定位的input或textarea输入框,在获取输入焦点时,会被弹出的输入法软键盘遮挡,导致用户无法看到输入框,效果如图: 简化测 ...

js input输入框校验

js input输入框校验相关推荐

最新文章

热门文章