正则替换实现输入框只能有数字、中英文逗号

 更新时间:2016年05月21日 13:47:43   投稿:mdxy-dxy  
最近在开发过程中,需要一个输入框里面只能有数字与中英文逗号,因为是相关文章,其它的也不让出现,容易造成问题,编程容易把介绍复制到里面,所以想到了这个方法

本来很简单的小功能,因为细节折腾了一会,所以一定要细心才行

实现代码也比较简单大家可以参考下

核心代码:

function renumdou(str){
var regexp = /[^\d,,]]*/g;
newstr=str.replace(regexp,"");
return newstr
}

脚本之家小编给大家分享另外一个不错的代码:

自动检测数字替换 数字正则表达式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
 <TITLE> New Document </TITLE>
 <META NAME="Generator" CONTENT="EditPlus">
 <META NAME="Author" CONTENT="">
 <META NAME="Keywords" CONTENT="">
 <META NAME="Description" CONTENT="">
 </HEAD>
 <BODY>
 <input onkeyup='check(this)'/>
 </BODY>
 <script>
function check(obj){	
	var sreg = /^-+.*/g;
	var zero = /^0[1-9]+\.*\d*/g;
	var val = obj.value;
	var plus = '';
	if(sreg.test(val)){
		val = val.replace(/-+/g,'');		
		plus = '-';		
	}
	val = val.replace(/\s+/g,'');	
	if(/^\.+.*$/.test(val)){
		val = '';
	}
	val = val.replace(/[^\d\.]/,'');
	val = val.replace(/(^\d+\.{1})(\d*).*/g,'$1$2');
	val = val.replace(/(^\d+\.\d{3})\d*/g,'$1');
	val = val.replace(/^[0]*(0{1})([1-9]*)(.*)/g,'$1$2$3');		
	if(zero.test(val)){
		val = val.replace(/0([1-9]+)(.*)$/,'$1$2');
	}
	
	obj.value = plus+val;
}
 </script>
</HTML>

RegExp 使用说明

一:正则表达式的创建方式  
 1.文字格式,使用方法如下: 
 /pattern/flags(即:/模式/标记) 
 2.RegExp构造函数,使用方法如下: 
 new RegExp("pattern"[,"flags"])(即:new RegExp("模式"[,"标记"])) 
  
 参数: 
 pattern(模式):表示正则表达式的文本 
 flags(标记):如果指定此项,flags可以是下面之一: 
  
 g:global match(全定匹配) 
 i:ignore case(忽略大小写) 
 gi:both global match and ignore case(匹配所有可能的值,也忽略大小写) 
 注意:文字格式中的参数不要使用引号标记,二够造器函数的参数则要使用引号标记。所以下面的表达式 
 是等价的: 
 /ab+c/i     ====================  new RegExp("ab+c","i") 
  
 描述: 
 当使用构造器函数创建正则表达式的时候,必须使用正常的字符串避开规则(在字符串中加入前导字符\)是必须的。  
 例如,下面的两条语句是等价的:  
 re=new RegExp("\\w+"); 
 re=/\w+/ 

注意:RegExp预置了$属性
$1, ..., $9属性
用圆括号括着的匹配子串,如果有的话。
是RegExp的属性
静态,只读
在JavaScript 1.2, NES 3.0以上版本提供
描述:因为input是静态属性,不是个别正则表达式对象的属性。你可以使用RegExp.input 访问该
属性。
能加上圆括号的子串的数量不受限制,但正则表达式对象只能保留最后9 条。如果你要访问所有的
圆括号内的匹配字串,你可以使用返回的数组。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 <HTML> 
 <HEAD> 
  <TITLE> New Document </TITLE> 
  <SCRIPT LANGUAGE="JavaScript1.2"> 
  var regexp = new RegExp("(\\w+)\\s(\\w+)"); 
 str = "John Smith"; 
 newstr=str.replace(regexp,"$2"); 
 newstr2=str.replace(regexp,"$1"); 
 document.write("原字符串:"+str+"<br/>"); 
 document.write(newstr+"<br/>"); 
 document.write(newstr2+"<br/>"); 
 document.write('$1='+RegExp.$1+"  $2="+RegExp.$2); 
 </SCRIPT> 
 </HEAD> 
 <BODY> 
 </BODY> 
 </HTML> 

二: match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。它返回指定的值,而不是字符串的位置。

语法
stringObject.match(searchvalue)
stringObject.match(regexp)参数 描述
searchvalue 必需。规定要检索的字符串值。
regexp 必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。
返回值
存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。
说明
match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。

match使用实例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 <HTML> 
 <HEAD> 
  <TITLE> New Document </TITLE> 
  <SCRIPT LANGUAGE="JavaScript1.2"> 
 var str="1 plus 2 equal 3"; 
 var str2="11/23/55"; 
 var results=str.match(new RegExp("\\d+","gi")); 
 for(var i=0;i<results.length;i++){ 
   document.write(results[i]+"<br/>"); 
 } 
 var res=str2.match(new RegExp("(\\d\\d?)/(\\d\\d?)/(\\d\\d)")); 
 if(str2.length == res[0].length){ 
   document.write(res[1]+"<br/>"); 
   document.write(res[2]+"<br/>"); 
   document.write(res[3]+"<br/>"); 
 } 
 </SCRIPT> 
 </HEAD> 
 <BODY> 
 </BODY> 
 </HTML> 
  
 function dateCheck(value) { 
   re = new RegExp("(\\d\\d?)/(\\d\\d?)/(\\d\\d)"); 
   var result = value.match (re); 
   if (result){ 
     if (result[0].length != value.length){ 
       alert ("Wrong date format. The correct format should be MM/dd/yy.") 
       return false; 
     }else{ 
       var t = result[3]; 
       var y = parseInt("20" + t); 
       var m = parseInt(result[1], 10) - 1; 
       var day = parseInt(result[2], 10); 
  
       var d = new Date(y, m, day); 
       if (d.getFullYear() != y || d.getMonth() != m || d.getDate() != day){ 
         alert ("error date!") 
         return false; 
       }else{ 
         var sm = result[1].length == 1?'0' + result[1]:result[1]; 
         var sday = result[2].length == 1?'0' + result[2]: result[2]; 
         var sy = result[3]; 
         else  
           return sm + '/' + sday + '/' + sy; 
       } 
     } 
   }else{ 
     alert ("Wrong date format. The correct format should be MM/dd/yy."); 
     return false; 
   } 
 } 

相关文章

  • PHP 正则表达式验证中文的问题

    PHP 正则表达式验证中文的问题

    PHP 正则表达式验证中文的问题,感觉php不支持perl转义挺讨厌的。
    2009-08-08
  • 收集整理ASP.NET中17种常用正则表达式

    收集整理ASP.NET中17种常用正则表达式

    正则表达式在程序开发中的应用非常广泛,本文给大家分享了asp.net中17种常用的正则表达式,需要的朋友可以参考下
    2015-09-09
  • 使用正则表达式验证登录页面输入是否符合要求

    使用正则表达式验证登录页面输入是否符合要求

    这篇文章主要介绍了使用正则表达式验证登录页面输入是否符合要求的实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-09-09
  • 正则基础之 神奇的转义

    正则基础之 神奇的转义

    不同的语言或应用场景下,正则定义方式、元字符出现的位置不同,转义的方式也是林林总总,不一而同
    2012-10-10
  • JS基础系列之正则表达式

    JS基础系列之正则表达式

    正则表达式在开发中经常会用到,是个很好用的东东,今天小编就给大家分享js正则表达式的基础知识,非常适合新手学习
    2016-12-12
  • 正则表达式预查的详细解释与应用实例

    正则表达式预查的详细解释与应用实例

    这几天在用正则表达式做一个小程序,需要替换内容中的某些特殊字符串。这些字符串的出现是有规律的,那就是在它左面总会特定的内容出现,右面却没有,下面这篇文章主要给大家介绍了关于正则表达式预查的详细解释与应用实例,需要的朋友可以参考下
    2022-09-09
  • SQL正则表达式和约束使用详解

    SQL正则表达式和约束使用详解

    这篇文章主要给大家介绍了关于SQL正则表达式和约束的相关资料,SQL正则表达式是一种功能强大的工具,能够在文本数据中实现高效的模式匹配和数据提取,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-04-04
  • 详解Linux中正则表达式的应用

    详解Linux中正则表达式的应用

    正则表达式是一种符号表示法,被用来识别文本模式。在某种程度上,它们与匹配文件和路径名的shell通配符比较相似,但其规模更大。许多命令行工具和大多数编程语言都支持正则表达式,以此来帮助解决操作文本的问题。
    2018-05-05
  • js通过正则匹配没有内容的空标签

    js通过正则匹配没有内容的空标签

    这篇文章主要介绍了js通过正则匹配没有内容的空标签,需要的朋友可以参考下
    2020-02-02
  • javascript正则表达式分析

    javascript正则表达式分析

    想必很多人都对正则表达式都头疼。今天,我以我的认识,加上网上一些文章,希望用常人都可以理解的表达方式来和大家分享学习经验。
    2008-05-05

最新评论