Input常用的输入框验证(正则)

1、只是不能输入空格

<input type="text" οnkeyup="this.value=this.value.replace(/^ +| +$/g,‘‘)">

、不能输入空格及英文状态下的逗号
 <input type="text" οnkeyup="this.value=this.value.replace(/[, ]/g,‘‘)">
3、只能输入数字

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

最近发现有可能因为手机输入内容联想可以跳过input 中限制只能输入数字 大家额外注意下把     可以在js中在限制下把!

isNaN();验证非数字类型

4、只能输入英文及数字

<input type=‘text‘ maxlength="17" οnkeyup="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" οnkeyup="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">

// 数字英语混合
var rel = /^[0-9a-zA-Z]+$/
if(!rel.test(vChassisNumber)){
alert("请输入数字或英文字母");
}
12、H5的小伙伴注意:长度限制组合字符输入类型 IOS可能限制不住,坑谨慎入

<textarea placeholder="请输入内容" maxlength="200"></textarea>
<input type="text" maxlength="20">

原文地址:https://www.cnblogs.com/JurasVon/p/11686918.html

时间: 2025-01-18 03:32:15

Input常用的输入框验证(正则)的相关文章

正则表达式基础知识及常用表单验证正则(使用时查找为主,需多加基础方法的例子)

一.需要转义的特殊符号,也就是需要在前面添加\:!$ * + = | . ?  \  / [] {}  ^ () 二.正则表达式基本形式及方法:A:re =new RegExp(“a”,“i”);  //new出来的匹配方式B:   re=/a/i ;                            //直接量(更常用) pattern.exec(str)     //返回数组pattern.test(str)       //返回布尔值pattern.toSource(str)    

一个PHP常用表单验证类(基于正则)

一个基于正则表达式的PHP常用表单验证类,作者:欣然随风.这个表单判断类的功能有:验证是否为指定长度的字母/数字组合.验证是否为指定长度汉字.身 份证号码验证.是否是指定长度的数字.验证邮件地址.电话号码.验证邮编.url地址.数据库转义.数据格式还原等.在平时的PHP项目开发中,这些都比 较常用哦,下面把代码分享给大家: <?php /** * 页面作用:常用表单验证类 * 作 者:欣然随风 * QQ:276624915 */ class class_post { //验证是否为指定长度的字母

JavaScript邮箱验证-正则验证

一.RegExp 1.1 创建RegExp对象 new RegExp("必选,正则表达式","可选,匹配模式g,i,m") 1.2 RegExp对象的方法 test:检索字符串中的指定值,返回True或False. exec:检索字符串中的指定值,返回找到的值,没有则null. complie:用于改变正则表达式,或增删匹配模式. 1.2.1 test() var r1 = new RegExp('world'); console.log(r1.test('Hell

JS常用表单验证总结

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

iOS输入验证 正则 NSPredicate

iOS输入验证 正则 NSPredicate NSPredicate NSPredicate *pred = [NSPredicate predicateWithFormat:@"SELF MATCHES %@",pattern]; Format: (1)比较运算符>,<,==,>=,<=,!= 可用于数值及字符串 例:@"number > 100" (2)范围运算符:IN.BETWEEN 例:@"number BETWEEN

JS邮箱验证-正则验证

1 <form action=""> 2 输入:<input type="text" name="mazey" id="mazey" placeholder="请输入邮箱"> 3 <input type="button" value="验证" onclick="check();"> 4 </form>

移动端开发注册、登陆input常用事件(input输入文字触发事件)

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>移动端开发注册.登陆input常用事件(input输入文字触发事件)</title> <meta name="keywords" content="

常用的JavaScript验证正则表达式

常用的JavaScript验证正则表达式 匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:ns*r 评注:可以用来删除空白行 匹配HTML标记的正则表达式:< (S*?)[^>]*>.*?|< .*? /> 评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分

Jquery Validate 默认校验规则及常用的自定义验证规则

Jquery Validate 相关参数及常用的自定义验证规则 一.官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 二.默认校验规则 (1).required:true 必输字段 (2).remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值 (3).email:true 必须输入正确格式的电子邮件 (4).url:true 必须输入正确格式