RegExpression Demo

最新推荐文章于 2023-07-29 20:09:05 发布

最新推荐文章于 2023-07-29 20:09:05 发布 · 205 阅读

文章标签：

#HTML

正則表達式专栏收录该内容

3 篇文章

订阅专栏

本文提供了一系列JavaScript中常用的正则表达式验证及替换示例，包括浮点数、整数、字母等类型的验证，以及去除字符串首尾空格的替换操作。

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

抽了個時間自己編寫整理了一部份常用的js正則表達式,詳細如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>正則表達式示例</TITLE>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="Jason.H">
  <META NAME="Keywords" CONTENT="RegExp">
  <META NAME="Description" CONTENT="My RegExpression Demo">
 </HEAD>
 <BODY>
 <form>
	<div>
   待驗證值:   <input type=text onblur="TestResult.value=RegExpTest(this.value,1);"><br />
   驗證結果:   <input type=text id="TestResult"></div>
   <br /><br />
   <div>
   待替換值:   <input type=text onblur="ReplaceResult.value=RegExpReplace(this.value,1);"><br />
   替換結果:   <input type=text id="ReplaceResult">
   </div>
   <br />
  </form>
 </BODY>
</HTML>
<script language="javascript" type="text/javascript">
/**
 * 常用正則驗證
 * @param val 待驗證字串
 * @param type 驗證類型
 * 1:浮點數
 * 2:數字
 * 3:整數
 * 4.字母
 * 5:字母,下劃線
 * 6.字母,數字,下劃線
 * 7:字母,數字,下劃線,不以數字開頭
 * 8:漢字
 * 9:Email
 * 10:URL
 * 11:大陸身份證號碼
 * 12:臺灣身份證號碼
 * @return 成功:返回true;失敗:返回false
 **/
function  RegExpTest(val,type)
{
	var RegExpression ;
	switch ( type )
	{
		//浮點數(最多7位整數,三位小數)
		case 1:
			RegExpression = /^-?\d{1,7}(\.\d{0,3})?$/;
			break;
		//數字(不以0開頭或為0)
		case 2:
			RegExpression =  /^([0]|[1-9]\d*)$/;
			break;
		//整數(最大7位)
		case 3:
			RegExpression = /^([0]|-?[1-9]\d{0,6})$/;
			break;		 
		//字母
		case 4:
			RegExpression = /^[a-zA-Z]+$/;
			break;
		//字母,下劃線
		case 5:
			RegExpression = /^[a-zA-Z_]+$/;
			break;
		//字母,數字,下劃線
		case 6:
			RegExpression = /^[a-zA-Z0-9_]+$/;
			break;
		//字母,數字,下劃線,不以數字開頭
		case 7:
			RegExpression = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
			break;
		//漢字
		case 8:
			RegExpression = /^[\u4e00-\u9fa5]+$/;
			break;
		//Email
		case 9:
			RegExpression = /^\w+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+$/;
			break;
		//URL
		case 10:
			RegExpression = /^[a-zA-z]+:\/\/[^s]*$/;
			break;
		//身份證號碼(大陸:15位或18位)
		case 11:
			RegExpression = /^(\d{15}|\d{18})$/;
			break;
		//身份證號碼(臺灣)
		case 12:
			RegExpression = /^[A-Z][1-2]\d{7}\d$/;			
			break;

	} 	

	//not undefined
	if ( typeof(RegExpression) != 'undefined' )
	{
		//驗證通過
		return RegExpression.test(val);
	}
	else 
	{
		alert('請輸入正確的校驗編號!');
		return false;
	}


}


/**
 * 常用正則替換
 * @param val 待替換字串
 * @param type 替換類型
 * 1:去除首尾空格
 * 2:
 * @return 替換後結果
 **/
function RegExpReplace(val,type)
{
	var RegExpression ;
	switch ( type )
	{
		//首尾空格
		case 1:
			RegExpression = /^\s*|\s*$/g;
			break;
	}

	//not undefined
	if ( typeof(RegExpression) != 'undefined' )
	{
		//替換,返回
		return val.replace(RegExpression,'');
	}
	else 
	{
		alert('請輸入正確的校驗編號!');
		return false;
	}
} 
</script>