15年来,为全国50万+企业提供互联网数字化基础应用服务。
微网小程序
电商运营
关于我们
付款方式
荣誉资质
业务提交
代理合作
知 识
400-1100-266
9:00-24:00(工作日)
首 页
企业400电话
Hot
网站建设
商标✡知产
网络优化推广
热
AI电话机器人
呼叫中心
彩铃•短信
增值拓展业务
新
主页
>
知识库
> Javascript正则表达式测试网页
Javascript正则表达式测试网页
热门标签:
服务器配置
科大讯飞语音识别系统
银行业务
团购网站
电子围栏
阿里云
Linux服务器
Mysql连接数设置
你平时如何测试正则表达式?直接写在大段的代码中,然后等待程序运行到那里,再用alert显示结果?或者是临时写一个页面,测试完成后把它丢掉?
你可以试一下我这个页面,虽然它很粗糙,但是测试正则表达式也足够了:))
一、说明:
1. 我的本意为交流技术.本人水平很菜.因此所贴出的代码中,会有不足之处.
2. 代码可任意修改.如果你觉得你修改过的代码比我的好,可将它贴出,我非常感谢.
3. 我对javascript的规范并不很熟悉.我的经验来自于开发.因此,若你对它有更好的见解,欢迎提出,我非常感谢.
二、测试用例:
1. 检查字符串中是否有非数字的字符:
test regex: \D
test regex flags: g
test string: 1234g56t78
2. 检查字符串中是否有非0-9、a~z、A-Z、_的字符:
test regex: \W
test regex flags: g
test string: i'm a pig! yes I'm!
3. 匹配字符串中的实数:
test regex: ([\d]+])\.([\d]+)
test regex flags: g
test string: float1234.58.723c65.183
三、程序代码:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
HTML>
HEAD>
TITLE>Javascript regex test page/TITLE>
META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=GB2312">
SCRIPT>
/**
* Method 测试正则表达式函数
* @param method 接收到的正则表达式类的方法
*/
function check(method)
{
// 将用户输入的正则表达式的标志转换为小写
form1.flags.value = form1.flags.value.toLowerCase();
// 如果含有不是g、i、m的字符, 则 提示并返回
if ( form1.flags.value.search(/[^g|i|m]/g) != -1 )
{
alert("flags only can be g, i, m");
return;
}
// 利用用户输入的字符串和标志建立正则表达式
var re = new RegExp(form1.regex.value, form1.flags.value);
// 获得并显示生成的正则表达式的字符串形式
destRegex.innerText = re.toString() + ' ';
// 定义 返回值
var cr;
ex = "new RegExp('" + form1.regex.value + "', '" + form1.flags.value + "').";
// 根据用户选择的方法, 进行相应的调用
switch ( method )
{
case '0': // 正则表达式的 exec 方法
cr = re.exec(form1.string.value);
ex = ex + "exec('" + form1.string.value + "')";
break;
case '1': // 正则表达式的 test 方法
cr = re.test(form1.string.value);
ex = ex + "test('" + form1.string.value + "')";
break;
case '2': // 字符串类的 match 方法
cr = form1.string.value.match(re);
ex = "'" + form1.string.value + "'.match(" + re.toString() + ")";
break;
case '3': // 字符串类的 search 方法
cr = form1.string.value.search(re);
ex = "'" + form1.string.value + "'.search(" + re.toString() + ")";
break;
case '4': // 字符串类的 replace 方法
cr = form1.string.value.replace(re);
ex = "'" + form1.string.value + "'.replace(" + re.toString() + ")";
break;
case '5': // 字符串类的 split 方法
cr = form1.string.value.split(re);
ex = "'" + form1.string.value + "'.split(" + re.toString() + ")";
break;
}
// 获得并显示表达式
expression.innerText = ex;
// 获得并显示计算结果的类型
returnType.innerText = typeof(cr);
// 定义结果
var result = '';
if ( cr != null typeof(cr) == 'object' cr.length != null ) // 如果计算结果是一个数组, 则取出所有数组的值
{
for ( i = 0; i cr.length; i++ )
{
result += "array[" + i + "] = '" + cr[i] + "'\n";
}
}
else
if ( cr != null ) // 如果计算结果不为null, 则取出计算结果的值
{
result = cr;
}
// 获得并显示结果
matchResult.innerText = result + ' ';
// 获得并显示正则表达式的lastIndex属性
lastIndex.innerText = re.lastIndex + ' ';
}
/SCRIPT>
/HEAD>
BODY ALIGN=CENTER>
FORM NAME="form1" METHOD="post" ACTION="" ALIGN=CENTER>
TABLE BORDER="1">
TR>
TD COLSPAN="2" ALIGN="CENTER">test javascript regex/TD>
/TR>
TR>
TD>test regex:/TD>
TD>INPUT NAME="regex" TYPE="text">/TD>
/TR>
TR>
TD>test regex flags:/TD>
TD>INPUT NAME="flags" TYPE="text" ID="flags">/TD>
/TR>
TR>
TD>test string:/TD>
TD>INPUT NAME="string" TYPE="text">/TD>
/TR>
TR>
TD>select method:/TD>
TD ALIGN="CENTER">
SELECT NAME="select" onChange="check(this.value)">
OPTION VALUE="0">exec/OPTION>
OPTION VALUE="1">test/OPTION>
OPTION VALUE="2">match/OPTION>
OPTION VALUE="3">search/OPTION>
OPTION VALUE="4">replace/OPTION>
OPTION VALUE="5">split/OPTION>
/SELECT>
INPUT VALUE='run' onclick="check(form1.select.value)" TYPE=button>
/TD>
/TR>
TR>
TD>dest regex:/TD>
TD STYLE="color:blue" ID=destRegex>nbsp;/TD>
/TR>
TR>
TD>dest expression:/TD>
TD STYLE="color:blue" ID=expression>nbsp;/TD>
TR>
TR>
TD>return type:/TD>
TD STYLE="color:darkred" ID=returnType>nbsp;/TD>
/TR>
TR>
TD>result:/TD>
TD STYLE="color:red" ID=matchResult>nbsp;/TD>
/TR>
TR>
TD>regex lastIndex:/TD>
TD STYLE="color:red" ID=lastIndex>nbsp;/TD>
/TR>
/TABLE>
/FORM>
/BODY>
/HTML>
标签:
蚌埠
大理
萍乡
广元
衡水
枣庄
衢州
江苏
巨人网络通讯声明:本文标题《Javascript正则表达式测试网页》,本文关键词 ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
相关文章
电销机器人到底如何运作的?
很多人对 电销 机器人到底如何运作存在着巨大的好奇心,那么今天,小编就带大家看一下机器人的运作流程! 电销...
10-24
电话机器人的兴起对电销行业来说是“惊喜”还
随着互联网 大数据 的普及,许多 电销 行业如雨后春笋般争先恐后地冒出来。而今电销行业的混乱,让各位涉足电销...
10-24
百应电话机器人有哪些功能?百应电话机器人好
百应 智能 电话机器人 能够协助企业进行呼入接待、 外呼 回访等服务场景,能够经过不断的培训学习,逐步完善成专...
10-24
客服外呼系统都有哪些优势?
当前呼叫中心电话系统被企业用于业务 电销 以及客户服务,然而随着企业需求不断扩大,原来传统的自建 呼叫中心...
10-24
电销机器人效果怎么样?智能电话机器人可行吗
几百数千年后,或许没人会记得卡斯帕罗夫曾是世界第一的围棋高手,但人们会记得,他败给了电脑深蓝。那虽算不...
10-24
百应智能外呼系统,贷后管理科技升级
去年底开始,接连出台政策和法规加强对消费 金融 等金融形态进行 规范 。强 监管 下,行业走向规范发展,行业竞...
10-24
百应智能外呼系统引领外呼行业新风向
电话销售: 您好,我这边是XX地产,给您推荐一下精装酒店式公寓,有兴趣了解一下吗? 客户: 具体位置在哪里啊?...
10-24
小贷企业为什么需要电销机器人?
随着信贷行业逐步进入我们的生活中,越来越多人选择借款来处理资金难题。信贷企业不断涌现,业务开展迅猛,行...
10-24
雷霆电话机器人是如何转接人工的?
当我们在拨通移动、联通或电信 运营商 的客服电话时,总会要先经过一些机械化的选择,然后成功连接人工坐席反馈...
10-24
米卡迪电话机器人效果怎么样?
外呼 电话机器人 ,之所以能智能的与客户无忧交流,因为运用了下面这么多高技术。 ASR 语音识别 米卡迪电话机器人...
10-24
灵声电话机器人效果怎么样?好用吗
外呼 电话机器人 ,之所以能智能的与客户无忧交流,因为运用了下面这么多高技术。 灵声 电话机器人 效果怎么样?...
10-24
电销机器人要想效果好,话术定制有多重要
电话机器人 是基于智能语音技术的智能营销工具。它会像真人一样主动拨打客户的电话,介绍产品并回答客户的咨询...
10-24
智能电话机器人的实现原理,使用安全吗?
随着科学技术的进步和 人工智能 的发展,越来越多的智能产品已经进入我们的工作和生活。智能手机、智能电视、智...
10-24
福州哪里有电话机器人研发公司?
人工智能 再次成为各行各业关注的焦点,自从这个概念首次提出以来,60年已经过去了。自从AlphaGo以巨大优势击败人...
10-24
电销机器人销售能力怎么样?
自从 电话机器人 一出现,在 电销 行业火爆了起来。面对电话机器人的各种优势,企业跃跃欲试,但又害怕效果不理...
10-24
推荐文章
科大讯飞“语音云”发布 移动互联网迈入语音时代
加强商标权保护至关重要
我看CTI行业这十四年的发展(上)
呼叫中心手动排版法则
习近平叮嘱大庆加快城市转型
Win10 Mobile预览版10536使用后越来越卡顿
您的联络中心NLP和NLU指南
优化产业结构 商务部服务外包研究中心一行来漳调研
上一篇:
ubb代码转换为html
下一篇:
正则表达式验证
一起分享吧
版权所有:巨人网络(扬州)科技有限公司——拥有网站建设十年经验,具备独立网站开发能力,能够提供完善的网站设计及相关的网站制作服务! 全国统一服务热线:400-1100-266
展开
收缩
QQ咨询
在线咨询
客服小董
客服小张
客服小刘
客服小李
客服小王
招商加盟
财务查询
微信客服
电话咨询
400-1100-266