js 正则验证
Html 代码如下:
<table>
<tr>
<td>匹配正整数:</td>
<td><input type="text" name="" id="t1"></td>
<td><input type="button" name="" id="btn1" value="验证"></td>
</tr>
</table>
// RegExp对象: var pattern = new RegExp("模式字符串", "修饰符");
// 修饰符: i表示忽略大小写, g表示全局匹配
// 字面量: var pattern = /模式/修饰符;
// 元字符
// *: 任意个(有或没有都可以)
// +: 一次或多次
// ?: 零次或一次
// ^: 从开头匹配, 以某字符开头的意思
// .: 除\n以外的字符
// $: 从结尾匹配, 以某字符结束的意思
// |: 或
// (): 分组匹配
// []: 选择匹配
// {}: 匹配次数, 出现次数的匹配
// [0123456789]等价于[0-9]
// [0-9]等价于\d
// \D: 不包含[0-9]
// [abcdefg...xyz]等价于[a-z]
// {n}必须出现N次
// {a, b}最少出现a次, 最多出现b次
// {a,}最少出现a次, 最多不限
// {0,}最少不限, 最多不限
// 中文验证
function isChinese(str) {
var pattern = /^[\u4e00-\u9fa6]$/;
return pattern.test(str);
}
// 正整数验证
function isPositiveInteger(str) {
var pattern = /^\+?[1-9]\d*$/;
return pattern.test(str);
}
// 负整数验证
function isNegtiveInteger(str) {
var pattern = /^\-[1-9]\d*$/;
return pattern.test(str);
}
// 整数验证
function isInteger(str) {
var pattern = /^[+-]?[1-9]\d*$|^0$/g;
return pattern.test(str);
}
// 小数验证
function isDecimal(str) {
var pattern = /^[-+]?\d+\.\d*[1-9]$/g;
return pattern.test(str);
}
// 两位小数验证
function isTwoDecimal(str) {
var pattern = /^[-+]?\d\.\d[1-9]$|^[-+]?[1-9]\d+\.\d[1-9]$/g;
return pattern.test(str);
}
// 长度为6任意字符
function isArbitrarily(str) {
var pattern = /^.{6}$/g;
return pattern.test(str);
}
//大写字母,最少5位,最多10位
function isUppercase(str) {
var pattern = /^[A-Z]{5,10}$/g;
return pattern.test(str);
}
//小写字母,最少1位
function isLowercase(str) {
var pattern = /^[a-z]+$/g;
return pattern.test(str);
}
//字母数字,0不准开头,必须6位
function isLetter(str) {
var pattern = /^[a-zA-Z1-9][a-zA-Z0-9]{5}$/g;
return pattern.test(str);
}
//匹配_、{、[开头,后面可以没有字符
function isCharacter(str) {
var pattern = /^[_{[].*$/g;
return pattern.test(str);
}
//匹配邮政编码,共六位数字,第一位不能为0
function isPost(str) {
var pattern = /^[1-9]\d{5}$/g;
return pattern.test(str);
}
//匹配文件压缩包(XXXXX.zip|xxx.rar|xx.gz)
function isCompress(str) {
var pattern = /^\w+(\.zip|\.rar|\.gz)$/g;
return pattern.test(str);
}
//匹配电子邮箱
function isMailbox(str) {
var pattern = /^\w{6,12}@[a-zA-Z0-9]{1,10}(\.[a-z]{2,4}){1,2}$/g;
return pattern.test(str);
}
//匹配手机号
function isPhone(str) {
var pattern = /^1(39|30|31|58|85|75)\d{8}$/g;
return pattern.test(str);
}
//匹配固定电话号
function isTelephone(str) {
var pattern = /^\d{3,4}\-\d{7,8}(\-\d{1-4})?$/g;
return pattern.test(str);
}
//匹配身份证号
function isID(str) {
var pattern = /^\d{17}[xX0-9]$/;
return pattern.test(str);
}
//验证日期
function isDate(str) {
var pattern = /^(19\d{2}|2\d{3})([-/.])(0[1-9]|1[0-2])\2(0[1-9]|[1-2]\d|3[0-1])$/;
return pattern.test(str);
}
//匹配IP地址
//(a.b.c.d)的形式,其中,a,b,c,d都是0~255之间的十进制整数 [1-9]?\d 1\d\d 199 249 255
function isIP(str) {
var pattern = /^((25[0-5]|2[0-4]\d|[1-9]?\d|1\d{2})\.){3}(25[0-5]|2[0-4]\d|[1-9]?\d|1\d{2})$/;
return pattern.test(str);
}
//匹配URL地址
//http(https)://主机名或IP地址(:端口)(/path)
//http(s)://(www.)域名.com(.cn) : 端口号(如8080,两到四位)/文件夹名/文件
function isUrl(str) {
var pattern = /^(http|https)\:\/\/(w{3}\.)?\w+(\.com|\.com\.cn)(\:\d{2,4})?(\/.+)*/;
return pattern.test(str);
}
//匹配HTML标签
function isHtml(str) {
var pattern = /^<([a-z]+)><\/\1>|<[a-z]+\/>$/;
return pattern.test(str);
} //功能实现
var btn = document.getElementById("btn");
btn.onclick = function(){
var content = document.getElementById("t1").value; var value = isPositiveInteger(content);
value ? alert("正确") : alert("错误")
}
js 正则验证的更多相关文章
- 手机号码js正则验证
手机号码js正则验证 var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if (!myreg.test($(" ...
- js正则验证特殊字符
js正则验证特殊字符 方案一 var regEn = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im, regCn = /[·!#¥(--):: ...
- 正则表达式控制Input输入内容 ,js正则验证方法大全
https://blog.csdn.net/xushichang/article/details/4041507 //输入姓名的正则校验 e.currentTarget.value = e.curre ...
- JS正则验证数字格式2
之前的博文:JS验证正数字,正则的一种正数规则1,中isNaN可以判断内容是否为数字,但是这种判断出来的数字,有的不是数字的标准格式.那篇博文中尝试了下用正则验证,但是忘了一种情况,小数点后无数字,小 ...
- js正则验证数字的方法
正则验证数字的方法: <script type="text/javascript"> function validate(){ var reg = new RegExp ...
- js正则验证
/判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); ...
- js正则验证之不能使用相同字符
在我们的前端开发中,为了不让用户输入相同的密码字符以提高其安全性,我们会写一个js方法来实现这个功能.接下来,我就来实现这个方法,有其他好的解决办法,敬请留言,博主必定向其学习. function _ ...
- js正则验证方法大全
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 3 ...
- JS正则验证格式
function test() { var temp = document.getElementById("text1"); //对电子邮件的验证 var myreg = /^([ ...
- js正则验证两位小数 验证数字最简单正则表达式大全
<h3>输入完按回车后即可验证!(自认为最简单!)</h3> 正整数: <input type="text" size="20&quo ...
随机推荐
- [js样式效果]具有停顿效果上下滚动方式
一般用于公告的滚动效果 <!DOCTYPE HTML> <html> <head> <meta charset="gb2312" /> ...
- webpack2引入bootstrap的坑
在webpack官网教程的代码分离-css章节中,给出的例子是这样的. //安装 ExtractTextWebpackPlugin 如下 npm install --save-dev extract- ...
- marquee 滚动到文字上时停止滚动,自定义停止方法
我要实现的效果如下图:当鼠标移到续费提醒文字上时,文字滚动停止,并出现后面的关闭按钮:当鼠标移出文字时,文字继续滚动,后面的关闭按钮不显示. 在网上查到的marquee停止滚动的的代码是这样的: &l ...
- 纯web实现游记类手机端应用
初衷 当初的一个学习框架项目,采用sui框架实现的一套手机端页面.今天清理github的时候重新整理了一下,因为设计的确实不错嘛,拿出来大家一起学习...哈哈 说明 采用sui框架 纯html/css ...
- 百度 echarts K线图使用
看个效果图先 首先在需要插入图例的HTML中嵌入 <div id="main" style="height:400px"></div> ...
- 最好最实用的二次开发教程 cms
◆二次开发 什么是二次开发? 二次开发,简单的说就是在现有的软件上进行定制修改,功能的扩展,然后达到自己想要的功能和效果,一 般来说都不会改变原有系统的内核. 为什么要二次开发? 随着信息化技术的不断 ...
- 献给java求职路上的你们
为了更好的树立知识体系,我附加了相关的思维导图,分为pdf版和mindnote版.比如java相关的导图如下: 由于时间仓促,有些地方未写完,后面会继续补充.如有不妥之处,欢迎及时与我沟通. 相关概念 ...
- FineReport中如何用JavaScript解决控件值刷新不及时
我们经常利用按钮进行一些页面值的处理工作,但是默认的逻辑造成,每次新填报的值,需要点击下空白区域或是执行某个其他操作才可以被正确读取,那么我们如何处理呢? 例:当我们用常规取值的时候,虽然B3单元格录 ...
- Java实验案例(接口)
实验任务 任务一:设计实现发声接口 任务二:动物乐园 实验内容 任务一:设计实现发声接口 任务目的: 理解并掌握如何定义接口 掌握接口的实现方式 任务描述: 设计和实现一个Soundable接口,该接 ...
- JSON学习笔记-4
JSON 数组 1.访问数组 1.一次访问一个嵌套内容值var myObj, x; myObj = { "name":"网站", , "sites&q ...