杰晶网络

Js 正则表达式知识汇总
网络编程 2024/11/14 佚名
3 2

正则表达式：

1、什么是RegExp"codetitle">复制代码 代码如下:
var p1=new Reg("e");
document.write(Reg.test("welcome to China!"));

2）exec()

复制代码 代码如下:
var p1=new Reg("e");
document.write(Reg.exec("welcome to China!"));

3） compile()

复制代码 代码如下:
var p1=new Reg("e");
document.write(Reg.compile("welcome to China!"));

4、修饰符

1）i  执行对大小写不敏感的匹配

2）g 执行全局匹配

3）m 执行多行匹配

5、方括号(用于查找某个范围内的字符)

1）[abc]  查找方括号之间的任何字符

2）[^abc] 查找任何不在方括号之间的字符

3）[0-9]  查找任何0-9之间的数字

4）[a-z] 查找任何小写a-z之间的字符

5）[A-Z]查找任何大写A-Z之间的字符

6）[A-z] 查找任何大写A-小写z之间的字符

7）[adgk] 查找给定集合内的任何字符

8）[^adgk]查找给定集合外的任何字符

9）（red|biue|green）查找任何给定的选项

6、元字符

1）\w:查找单词字符

2）\W:查找非单词字符

3）\d：查找数字

4）\D：查找非数字字符

7、 量词

n+匹配任何包含至少一个 n 的字符串。

n*匹配任何包含零个或多个 n 的字符串。

n"codetitle">复制代码 代码如下:
<body>
<label>请输入身份证号：</label>
<input name="" type="text" id="shenfen"/>
<input name="" type="submit" id="textfi" value="提交1" onclick="test()"/><!--提交按钮，触发函数-->
</body>
</html>
<!--判断身份证是否输入正确-->
<script>
function test()
{
var reg=new RegExp(/^[0-9]{17}[0-9|X]$/);<!--正则表达式的格式：以/^开头，以$/结尾，数字、字母范围用中括号-->
var text=document.getElementById("shenfen").value;<!--输入文本框的字符串的id跟文本框的id对应-->
//判断地区是否合法（用if...else）
if(reg.test(text))
{
alert("输入正确")
}
else
{
alert("输入错误");
}
}
</script>

效果图：

Js 正则表达式知识汇总

【练习题2】判断输入的邮箱格式是否正确

复制代码 代码如下:
<body>
<label>请输入您的邮箱：</label>
<input name="" type="text" id="youxiang"/>
<input name="" type="submit" value="提交2" onclick="y()" />
</body>
</html>
<script>
function y()
{
var yx=new RegExp(/^[0-9|A-z|_]{1,17}@[A-z|0-9]{1,5}.(com|cn|net|org|cc)$/);
var shuru=document.getElementById("youxiang").value; <!--定义变量，调用的是整个function,,必须把变量写在function内-->
if(yx.test(shuru))<!--test正则表达式的方法-->
{
alert("zhengque");
}
else
{
alert("cuowu");
}
}
</script>

效果图：

Js 正则表达式知识汇总

相对来说，js中正则表达式是一个很重要的点，很多地方都需要配合正则才行，所以小伙伴一定要学好这块内容。

标签：
Js,正则表达式
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
评论“Js 正则表达式知识汇总”
暂无“Js 正则表达式知识汇总”评论...
www.imxmx.com 杰晶网络
8,675无损音乐
1,324高清电影
213破解软件
120,141站长资源

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？

根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新动态

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网