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

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

这篇文章将为大家详细讲解有关正则替换如何实现输入框只能有数字、中英文逗号,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

核心代码:

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

functionrenumdou(str){varregexp=/[^\d,,]]*/g;newstr=str.replace(regexp,"");returnnewstr}

恰卡编程网小编给大家分享另外一个不错的代码:

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

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"CONTENT=""><METANAME="Keywords"CONTENT=""><METANAME="Description"CONTENT=""></HEAD><BODY><inputonkeyup='check(this)'/></BODY><script>functioncheck(obj){varsreg=/^-+.*/g;varzero=/^0[1-9]+\.*\d*/g;varval=obj.value;varplus='';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 条。如果你要访问所有的
圆括号内的匹配字串,你可以使用返回的数组。

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><SCRIPTLANGUAGE="JavaScript1.2">varregexp=newRegExp("(\\w+)\\s(\\w+)");str="JohnSmith";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使用实例:

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><SCRIPTLANGUAGE="JavaScript1.2">varstr="1plus2equal3";varstr2="11/23/55";varresults=str.match(newRegExp("\\d+","gi"));for(vari=0;i<results.length;i++){document.write(results[i]+"<br/>");}varres=str2.match(newRegExp("(\\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>functiondateCheck(value){re=newRegExp("(\\d\\d?)/(\\d\\d?)/(\\d\\d)");varresult=value.match(re);if(result){if(result[0].length!=value.length){alert("Wrongdateformat.ThecorrectformatshouldbeMM/dd/yy.")returnfalse;}else{vart=result[3];vary=parseInt("20"+t);varm=parseInt(result[1],10)-1;varday=parseInt(result[2],10);vard=newDate(y,m,day);if(d.getFullYear()!=y||d.getMonth()!=m||d.getDate()!=day){alert("errordate!")returnfalse;}else{varsm=result[1].length==1?'0'+result[1]:result[1];varsday=result[2].length==1?'0'+result[2]:result[2];varsy=result[3];elsereturnsm+'/'+sday+'/'+sy;}}}else{alert("Wrongdateformat.ThecorrectformatshouldbeMM/dd/yy.");returnfalse;}}

关于“正则替换如何实现输入框只能有数字、中英文逗号”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

发布于 2021-12-29 23:25:21
收藏
分享
海报
0 条评论
51
上一篇:正则表达式匹配原理之逆序环视的示例分析 下一篇:微信小程序中wxs如何使用正则替换字符串
目录

    0 条评论

    本站已关闭游客评论,请登录或者注册后再评论吧~

    忘记密码?

    图形验证码