美文网首页
前段输入框验证!正则表达式

前段输入框验证!正则表达式

作者: Alex_1799 | 来源:发表于2018-05-09 13:43 被阅读0次

0.文本框的正则表达式,只能输入正数,可以有小数点,小数点后面两位。
this.value= this.value.match(/\d+(.\d{0,2})?/) ? this.value.match(/\d+(.\d{0,2})?/)[0] : ''

1、只是不能输入空格
<input type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">

2、不能输入空格及英文状态下的逗号
<input type="text" onkeyup="this.value=this.value.replace(/[, ]/g,'')">

3、只能输入数字
<input type="text" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>
最近发现有可能因为手机输入内容联想可以跳过input 中限制只能输入数字 大家额外注意下把 可以在js中在限制下把!
isNaN();验证非数字类型

4、只能输入英文及数字
<input type='text' maxlength="17" onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>

5、验证首位是汉字
// 汉字
var reg = new RegExp("[\u4E00-\u9FFF]+","g");
if(!reg.test(plateNumber.charAt(0))){
alert("请输入首位汉字");
return;
}

6、第二位为英文字母
//验证是英文字母
var regl= /^[A-Za-z]+$/;
if(!regl.test(plateNumber.charAt(1))){
alert("请输入第二位为英文字母");
return;
}

7、后几位是数字英文字母组合
// 英文字母或数字
var regx = /^[A-Za-z0-9]*$/;
var aa = plateNumber.substr(plateNumber.length-5);
if(!regx.test(aa)){
alert("请输入正确组合");
return;
}

567联合是验证车牌号

8、只能输入汉字、英文、数字
<input type="text" onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')"/>

9、number 慎行 容易引起bug 改变样式 有写英文字母拦截不住比如:e
<input type="number">

10、js纯数字验证
// 纯数字正则
ar reg = /^[0-9]*$/;
if(!reg.test(vmobile)){
alert("请输入纯数字");
}

11、js数字英文字母混合
// 数字英语混合
var rel = /^[0-9a-zA-Z]+$/
if(!rel.test(vChassisNumber)){
alert("请输入数字或英文字母");
}

12、H5的小伙伴注意:长度限制组合字符输入类型 IOS可能限制不住,坑谨慎入
<textarea placeholder="请输入内容" maxlength="200"></textarea>
<input type="text" maxlength="20">

相关文章

  • 前段输入框验证!正则表达式

    0.文本框的正则表达式,只能输入正数,可以有小数点,小数点后面两位。this.value= this.value....

  • 2019-01-17

    JS常用正则表达式和JS控制输入框输入限制(数字|汉字|字符) 验证数字:^[0-9]*$ 验证n位的数字:^\d...

  • 仿美团短信验证码输入框 + 自定义软键盘

    KeyboardDemo自定义短信验证码输入框 + 自定义数字字母软键盘 前段时间做了一个需求,类似验证码输入框...

  • 一个带有正则匹配的EditText

    先上效果: 说明: 图中的EditText能够在失去焦点后验证输入框中的文本是否与正则表达式匹配,这里我设置的是5...

  • element-ui表单动态验证

    场景:对于这个输入框,我需要进行动态的验证。 这个动态验证指的是,对于这个输入框是否需要进行是否必填的验证,是根据...

  • 正则初解

    title: js验证常用正则表达式date: 2017-03-03 验证 正则表达式 本文介绍js验证常用的正则...

  • vue只允许输入汉字-优兼容版

    1.需求 限制输入框只能输入汉字,限制输入框只能输入数字。输入同时做验证,目的是禁止输入而不是输入后再验证...

  • iOS 写一个验证码输入框

    前言: 这次要做一个验证码输入框,要求:1、验证码数字之间是分割开的,有自己的样式。2、验证码输入框要能够接收来自...

  • 仿微信、支付宝等简洁的验证码、密码输入框

    VerificationCodeInput 简洁验证码输入框,能自定义输入框个数和样式。 How to use 监...

  • 关于安卓自定义验证码输入框的实现

    题目:关于安卓自定义验证码输入框的实现 在安卓登录界面,常常需要用到验证码登录,这个时候,自定义验证码输入框就能派...

网友评论

      本文标题:前段输入框验证!正则表达式

      本文链接:https://www.haomeiwen.com/subject/fgvnrftx.html