一聚教程网:一个值得你收藏的教程网站

热门教程

Javascript正则表达式测试网页

时间:2022-06-30 10:53:34 编辑:袖梨 来源:一聚教程网

Javascript正则表达式测试网页
你平时如何测试正则表达式?直接写在大段的代码中,然后等待程序运行到那里,再用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

三、程序代码:

PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


Javascript regex test page

T>
/**
* 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);

// 获得并显示生成的正则表达式的字符串形式

热门栏目