常用JS表单验证技巧-优快云博客

本文分享了在Web项目中常用的几种JS表单验证方法，包括检查空格、非法字符和数字等，并提供了邮件格式验证的正则表达式。此外还列举了一些常见的正则表达式用于验证电话号码、网址等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Web项目中，总会或多或少的使用的Form表单，包含空字符及空格验证，验证非法字符，是否数字验证等等。

下面是一些项目中会经常使用到的表单验证方法，和大家一起分享下。

//表单验证检查空格
function chkspace(str){
	if(str.length==0){
		return true;
	}
	else{
		var strs = '';
		for(i = 0; i < str.length; i++) {
		strs = strs + ' ';
		}
		return (str==strs);
	}
}


//表单验证检查非法字符
function chkfilter(str){
	if(str.search("^[^\'`~\$\^\"]+$")==-1){
		return true;
	}
	return false;
}


//表单验证检查数字
function chknumber(str){
	if(str.search("^[^0-9]+$")>=0){
		return true;
	}
	return false;
}

 // 邮件验证正则表达式
var mail = document.getElementById("usermail").value;
if(mail search("^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$")==-1){
  alert("邮件格式非法");
  return false;
}

以上只是个人经常使用到的几个JS验证，当然还包括JS对文本长度的验证，这对于每个form验证都是不可少的。

希望博友们也谈谈自己经常使用过的JS表单验证，和大家一起交流经验。

下面和大家一起分享下常用的JS正则表达式：

Email : /^\w+([-+.]\w+)*@\w+([-.]\\w+)*\.\w+([-.]\w+)*$/,
Phone : /^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(-[0-9]\d{2}){0,1}$/,

Mobile : /^((\(\d{3}\))|(\d{3}\-))?13\d{9}$/,
Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/,

//Url : /^http:\/\/[A-Za-z0-9-]+\.[A-Za-z0-9-]+[\/=\.\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/， 

IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/,
Currency : /^\d+(\.\d+)?$/,
Number : /^\d+$/,
Zip : /^[1-9]\d{5}$/,
QQ : /^[1-9]\d{4,8}$/,
Integer : /^[-\+]?\d+$/,
Double : /^[-\+]?\d+(\.\d+)?$/,
English : /^[A-Za-z]+$/,
Chinese :  /^[\u0391-\uFFE5]+$/,
UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/,

更多关于JS表单验证请看：http://www.52cfml.com/?p=132