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 ...
随机推荐
- Python import搜索的路径顺序
在程序中导入时,如下顺序 1.Python 标准库模块2.Python 第三方模块3.应用程序自定义模块 import的搜索顺序: 首先判断这个module是不是built-in即内建模块,如果是 ...
- Effective C++ 避免数组多态
#include <iostream> #include <cstdlib> using namespace std; class Base { public: int idx ...
- monggo查询语法
db.getCollection('vvt_user_reward').find({"description":"双节活动"})
- Fastify 系列教程一 (路由和日志)
Fastify 系列教程: Fastify 系列教程一 (路由和日志) Fastify 系列教程二 (中间件.钩子函数和装饰器) Fastify 系列教程三 (验证.序列化和生命周期) Fastify ...
- HTMLcanvas矩形阵雨 - 学习笔记
HTMLcanvas矩形阵雨 在画布上执行 获取制图环境 全屏获取屏幕宽度和屏幕高度 确定每个文字的宽度 以确定列 循环输出 定时器调用 HTML 部分 <!DOCTYPE HTML> & ...
- angular2上传图片
话不多说,直接写 一.html页面 二.html代码: <div class="descright"> <div class="clinic-img ...
- HTML meta标签总结,HTML5 head meta属性整理
原文链接:http://caibaojian.com/mobile-meta.html <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 -- ...
- Arcengine编辑代码
using System; using System.Drawing; using System.Collections; using System.ComponentModel; using Sys ...
- redis介绍(4)实战场景
redis我主要在两方面说明: 集群下的session的管理 Tomcat 与 DB之间缓存
- 读书笔记week1——涂涵越
这次读书笔记主要是就<程序员修炼之道>这本书的前半部分做一些总结以及发表一些自己的看法. 本书前面的一部分主要是一些程序员应该在工作中时刻注意的事情,一些关键的信息如下: 1.处理问题的态 ...