博客访问： 1060655
博文数量： 290
博客积分： 1272
博客等级： 少尉
技术积分： 1795
注册时间：
IT168企业级官微
微信号：IT168qiye
系统架构师大会
微信号：SACC2013
分类： JavaScript
(1)判断文本输入内容是否为空
function IsNull(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length==0)
&&&&&&&&&&
alert('对不起，文本框不能为空或者为空格!');&
(2)判断输入内容的长度是否在范围内
function IsTrLength(fieldid,mix,max)
document.getElementById(fieldid).val.trim();
if(str.length > max ||
str.length < mix)
&&&& alert("请输入min-max的长度");
&&&&&&&&&&& return
return tr;
(3)判断日期类型是否为YYYY-MM-DD格式的类型
function IsDate(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;
str.match(reg);
&&&&&&&& if(r==null)
alert('对不起，您输入的日期格式不正确!');
& return tr;
(4)判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型
function IsDateTime(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})
(\d{1,2}):(\d{1,2}):(\d{1,2})$/;
& var r = str.match(reg);
& if(r==null)
& alert('对不起，您输入的日期格式不正确!');
& return tr;
(5)判断日期类型是否为hh:mm:ss格式的类型
function IsTime(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/
& if(!reg.test(str))
& alert("对不起，您输入的日期格式不正确!");&&
return tr;
(6)判断输入的字符是否为英文字母
IsLetter(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^[a-zA-Z]+$/;
& if(!reg.test(str))
&& alert("对不起，您输入的英文字母类型格式不正确!");
return tr;
(7)判断输入的字符是否为整数
IsInteger(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^[-+]?\d*$/;
& if(!reg.test(str))
&&&&&&&&&&&&&&&& alert("对不起，您输入的整数类型格式不正确!");
return tr;
(8)判断输入的字符是否为双精度
function IsDo
le(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^[-\+]?\d+(\.\d+)?$/;
& if(!reg.test(str))
&&&&&&&&&&&&&&&&& alert("对不起，您输入的双精度类型格式不正确!");
&&& return
(9)判断输入的字符是否为:a-z,A-Z,0-9
IsString(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^[a-zA-Z0-9_]+$/;
& if(!reg.test(str))
&& alert("对不起，您输入的字符串类型格式不正确!");
return tr;
(10)判断输入的字符是否为中文
IsChinese(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^[\Α-\￥]+$/;
& if(!reg.test(str))
&& alert("对不起，您输入的字符串类型格式不正确!");
& return tr;
(11)判断输入的EMAIL格式是否正确
function IsEmail(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
& if(!reg.test(str))
&&&&&&&&&&&&&&&
alert("对不起，您输入的字符串类型格式不正确!");
(12)判断输入的邮编(只能为六位)是否正确
function IsZIP(fieldid)
= document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^\d{6}$/;
& if(!reg.test(str))
&& alert("对不起，您输入的字符串类型格式不正确!");
& return tr;
(13)判断输入的数字不大于某个特定的数字
MaxVal(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^[-+]?\d*$/;
& if(!reg.test(str))
& {//判断是否为数字类型
&& if(valparseInt('123'))
//“123”为自己设定的最大值
&&& alert('对不起，您输入的数字超出范围');
(14)判断输入的是否是电话号码
IsPhone(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/;
& if(!reg.test(str))
& {//判断是否为数字类型
return tr;
(15)判断输入的是否是手机号码
IsMobile(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^((\(\d{2,3}\))|(\d{3}\-))?13|15\d{9}$/;
& if(!reg.test(str))
return tr;
(16)判断输入的是否为url
IsUrl(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^\"\"])*$/;
& if(!reg.test(str))
return tr;
(17)判断输入的是否为idCard
IsIdCard(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^\d{15}(\d{2}[A-Za-z0-9])?$/;
& if(!reg.test(str))
return tr;
(18)判断输入的是否为QQ
IsQQ(fieldid)
document.getElementById(fieldid).val.trim();
if(str.length!=0)
& reg=/^[1-9]\d{4,10}$/;
& if(!reg.test(str))
return tr;
//为上面提供各个JS验证方法提供.trim()属性
String.prototype.trim=function()
this.replace(/(^\s*)|(\s*$)/g, "");
test.htmlscript
type="text/javascript"
src="scripts/valid.js"
charset="UTF-8"/scriptscript
type="text/javascript"
!--function
(!IsTrLength("phone",7,20))
& alert("电话号不对,请输入");
& document.getElementById("phone").focus();
}//--input type="s mit" onclick="return check()"
在b/s程序设计中，经常需要向一个输入框输入日期或时间，并验证输入是否有效。
通常的验证方法是在提交的时候进行字符串验证，如果是合法的日期时间则正常提交，否则取消提交并给出错误信息。或者，将日期时间的输入变成几个下拉列表框，由用户选择年月日时分秒。
这里给出一个用javascript编写的日期时间输入验证脚本。
这个脚本可以使一个普通的输入框变成日期时间输入框。
你只能在这个输入框里输入日期时间格式的字符串，而不允许你输入任何其他的字符。
当你输入非法字符时，它并不是不负责任地弹出错误对话框，而是完全过滤掉你的输入以保证你输入框的内容绝对是合法的日期时间格式。
事实上，你可以向这个脚本中添加其他验证函数，让这个脚本可以控制其它类型格式的输入，例如：数字、电子邮件、用户ID等等。
代码如下：
scriptfunction
isTime(str)
var a = str.match(/^(\d{0,2}):(\d{0,2}):(\d{0,2})$/);
(a == null)
if (a[1]=24 || a[2]=60 || a[3]=60)
return tr;}
function isDateTime(str)
str.match(/^(\d{0,4})-(\d{0,2})-(\d{0,2})
(\d{0,2}):(\d{0,2}):(\d{0,2})$/);
if (a == null)if ( a[2]=13 ||
a[3]=32 || a[4]=24 || a[5]=60 || a[6]=60)
function isDate(str)
str.match(/^(\d{0,4})-(\d{0,2})-(\d{0,2})$/);
if (a == null)
if ( a[2]=13 || a[3]=32 || a[4]=24)
function validate(obj,type)
range=obj.createTextRange();
var text = range.
var selrange =
document.selection.createRange();
var seltext = selrange.
startpos = 0,endpos =
0;pareEndPoints("StartToStart",range)0)
& selrange.moveStart("character",-1);
& startpos
pareEndPoints("EndToStart",range)0) {
& selrange.moveEnd("character",-1);
if(event.keyCode=48)
& var keytext =
String.fromCharCode(event.keyCode);
& text = text.s string(0,startpos) +
keytext + text.s string(endpos,text.length);
else if(event.keyCode ==
& //delete
& if(startpos == endpos)
& text = text.s
string(0,startpos) + text.s string(startpos+1,text.length);
& else text =
text.s string(0,startpos) + text.s string(endpos,text.length);
if(event.keyCode == 8)
& if(startpos == endpos)
&& text = text.s
string(0,startpos-1) + text.s string(startpos,text.length);
& else text =
text.s string(0,startpos) + text.s
string(endpos,text.length);
if(event.keyCode ==
& event.returnVal =
switch(type)
& case 1:valid = isDate(text);
2:valid = isTime(text);
& case 3:valid =
isDateTime(text);
& default:valid =
if(!valid)
& event.returnVal =
}/script把上面这段代码放在web页面的任何位置即可。
使用方法：
日期验证框：input
onkeyDown="validate(this,1)" val=""
时间验证框：input
onkeyDown="validate(this,2)" val="00:00:00"
日期时间验证框：input
onkeyDown="validate(this,3)" val="
我们可以测试一下。在页面上加入以下内容：input id="date" onkeyDown="validate(this,3)"
(19)时间验证//00:00:00
function isTime(str)
str.match(/^(\d{0,2}):(\d{0,2}):(\d{0,2})$/);
if (a == null)
if (a[1]>=24 || a[2]>=60 || a[3]>=60)
(20)日期时间验证// 00:00:00
function isDateTime(str)
var a = str.match(/^(\d{0,4})-(\d{0,2})-(\d{0,2})
(\d{0,2}):(\d{0,2}):(\d{0,2})$/);
if (a == null)
if ( a[2]>=13 || a[3]>=32 || a[4]>=24 || a[5]>=60 ||
return tr;
(21)日期验证//
function isDate(str)
str.match(/^(\d{0,4})-(\d{0,2})-(\d{0,2})$/);
if (a == null)
if ( a[2]>=13 || a[3]>=32 || a[4]>=24)
return tr;
阅读(3166) | 评论(0) | 转发(0) |
相关热门文章
给主人留下些什么吧！~~
请登录后评论。千万别把js的正则表达式方法和字符串方法搞混淆了 - web369 - 博客园
我们在字符串操作过程中肯定经常用了test() split() replace() match() indexof()等方法，很多人经常把用法写错了，包括我，所以今天细细的整理了下。
test()是判断是字符串是否与正则表达式匹配，返回true |
//例1 现在有个要求，判断字符串是不是数字var reg=/^\d$/;　　//匹配数字正则var str="123";　　//一个字符串//是这样写呢reg.test(str);//还是这样写叱str.test(str);//例2 现在又有一个要求，替换字符串中所有的数字var reg=/\d/g;　　//匹配所有数字正则var str="AAAA00000BBBBB11111CCCCCC";//问题又来了，是这样写呢还是这样写reg.replace(str,"");str.replace(reg,"");
&　　同学们千万别死记硬背，容易伤身体，只要我们搞清楚了这样正则表方法就很容易掌握用法
　　这些方法分为两类，一类是正则表达式方法，另一类是字符串方法
　　正则表达式方法这样调用：reg.方法(字符串);
　　字符串方法这样调用 ：字符串.方法(reg);
　　具体的分类往下看吧&&
一、正则表达式的定义 1、var reg=//参数; 2、var reg=new RegExp("","参数")
二、正则表达式的常用方法，方法分两种一种正则表达式自定的方法和字符串操作方法 1、RegExp对象方法
　　1.1、test():返回字符串是否与Reg匹配。
var reg=/\d/;
var str1="123";
var str2="ABC";
reg.test(str1);//true
reg.test(str2);//false
　　1.2、exec()：返回字符串中与reg首次匹配的值
var reg=/\d/;
var str1="923ABC";
reg.exec(str1);//9
　　1.3、compile()：用于改变RegExp
var reg=/\d/;
var str1="923";
console.log(reg.test(str1));//true
pile("\w");
console.log(reg.test(str1));//false
2、字符串操支持正则表达式的方法
　　2.1、replace():替换reg匹配字符串
var reg=/\d/;
var str1 = "AAA9BBBB2CCCC3DDDD";
console.log(str1.replace(reg,"--"));//AAA--BBBBCCCCDDDD
//用--替换字符串中数字，但结果发现却只替换掉了第一个，因为reg默认匹配第个
//那么要替换所有的数字，需要在reg后面加个全部的参数 g
var reg=/\d/g;
var str1 = "AAA9BBBB2CCCC3DDDD";
console.log(str1.replace(reg,"--"));//AAA--BBBB--CCCC--DDDD
　　2.2、split():按reg匹配的值拆分成数组
var reg=/\d/;
var str1 = "AAA9BBBB2CCCC3DDDD";
console.log(str1.split(reg));//["AAA", "BBBB", "CCCC", "DDDD"]
　　2.3、match():返回reg匹配的第个字符串
var reg=/\d/;
var str1 = "AAA9BBBB2CCCC3DDDD";
console.log(str1.match(reg));//"9"
返回第一个数字"9"
　　2.4、search():返回reg匹配的第一个字符串的位置，没有则返回-1
var reg=/\d/;
var str1 = "AAA9BBBB2CCCC3DDDD";
console.log(str1.search(reg)); //3 返回第个数字 9的位置
3、很多人容易把以上两个方法顺序写反。
　　正则方法的调用是：reg.方法(字符串);
　　字符串方法的调用：字符串.方法(reg);
三、参数： g ：全文查找
var reg=/\d/;
var str1 = "AAA9BBBB2CCCC3DDDD";
console.log(str1.replace(reg,"--"));//AAA--BBBBCCCCDDDD
//用--替换字符串中数字，但结果发现却只替换掉了第一个，因为reg默认匹配第个
//那么要替换所有的数字，需要在reg后面加个全部的参数 g
var reg=/\d/g;
var str1 = "AAA9BBBB2CCCC3DDDD";
console.log(str1.replace(reg,"--"));//AAA--BBBB--CCCC--DDDD
i ：忽略大小写
var reg = /a/i;
var str1 = "AAA9BBBB2CCCC3DDDD";
console.log(str1.replace(reg,"--")); // AAA9BBBB2CCCC3DDDD
var reg = /a/;
var str1 = "AAA9BBBB2CCCC3DDDD";
console.log(str1.replace(reg,"--")); //--AA9BBBB2CCCC3DDDD
m：多行查找
　　这个有点不好理解，多行查找和全文查找有什么区别呢。我们来举个例子看看
//例：全文查找
替换所有的A
var reg = /A/g;
var str1 = "AAA9BBBB2CCCCAAAA3DDDD";
console.log(str1.replace(reg,"-")); // ---9BBBB2CCCC----3DDDD
//例：多行查找
var reg = /A/m;
var str1 = "AAA9BBBB2CCCCAAAA3DDDD";
console.log(str1.replace(reg,"-")); // -AA9BBBB2CCCCAAAA3DDDD
//多行查找一般用于有换行的字符中
var reg = /^A/;
var str1 = "BBBB9BBBB2CCCC\r\nAAAA3DDDD";
console.log(str1.replace(reg,"-"));
//BBBB9BBBB2CCCC
//AAAA3DDDD
//字符串里有个换行符当正则匹配第一行后就结束了,所以这里就引用了换符符的功能
var reg = /^A/m;
var str1 = "BBBB9BBBB2CCCC\r\nAAAA3DDDD";
console.log(str1.replace(reg,"-"));
//BBBB9BBBB2CCCC
//-AAA3DDDD
//全文查找的范围大于多行查找2010年10月 Web 开发大版内专家分月排行榜第三
2010年5月 扩充话题大版内专家分月排行榜第二2009年7月 扩充话题大版内专家分月排行榜第二
2010年11月 Web 开发大版内专家分月排行榜第三
2010年5月 扩充话题大版内专家分月排行榜第二2009年7月 扩充话题大版内专家分月排行榜第二
2010年11月 Web 开发大版内专家分月排行榜第三
2009年12月 Web 开发大版内专家分月排行榜第二
2009年10月 Web 开发大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。java web（196）
判断是否包含中文：if(/^[\u4e00-\u9fa5]/.test(&名字&))
判断是否包含英文: &&if(/^[a-zA-Z]/.test(&abc&))
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：534936次
积分：5835
积分：5835
排名：第3493名
原创：11篇
转载：543篇
评论：51条
(33)(41)(5)(7)(10)(7)(3)(3)(3)(5)(2)(10)(5)(3)(4)(3)(4)(5)(20)(5)(9)(4)(9)(42)(42)(48)(4)(16)(52)(95)(59)(2)(1)