首页 >web前端 >js教程 > 正文

js正则相关使用案例分享

原创2018-05-22 11:45:330731
这次给大家带来js正则相关使用案例分享,js正则相关使用的注意事项有哪些,下面就是实战案例,一起来看一下。

JS正则表达式一条龙讲解(从原理和语法到JS正则)

JS正则表达式大全(整理详细且实用)

vaScript动态正则表达式问题
请问正则表达式可以动态生成吗?
例如JavaScript中:
var str = "strTemp";
要生成:
var re = /strTemp/;
如果是字符连接:
var re = "/" + str + "/"即可

用js实现过滤script的正则

function stripscript(s) {
return s.replace(/<script.*?>.*?<\/script>/ig, '');
}
/之间的内容/ 是js正则语句的书写开始与结束
.*?是贪婪的匹配,如果不是贪婪的就是.*匹配任何字符,但用贪婪的就是不包含>的内容
/ig 是不区分大小写和全局替换

JS正则表达式的验证

//说明:除“XXX XX,XXX XX,XXX.00”格式外
//为上面提供各个JS验证方法提供.trim()属性 
String.prototype.trim=function(){ 
return this.replace(/(^\s*)|(\s*$)/g, "");

javascript 手机号码正则表达式验证函数

function checkMobile(){ 
 var sMobile = document.mobileform.mobile.value 
 if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(sMobile))){ 
  alert("不是完整的11位手机号或者正确的手机号前七位"); 
  document.mobileform.mobile.focus(); 
  return false; 
 } 
}

正则表达式创建方式的区别及编写简单的正则方式

在字面量方式中,我们//之间包起来的所有的内容都是元字符,有的具有特殊意义,大部分都是代表本身含义的普通的元字符

var name = 'wo';
var reg = /^\d+"+name+"\d+$/

为了解决上述想在正则里面加上一个变量这样的需求,我们只能使用实例创建的方式了

var reg = new RegExp("^\\d+"+name+"\\d+$","g")

js正则表达式实现数字每隔四位用空格分隔代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function () {
 $('#ant').on('keyup mouseout input', function () {
  var $this = $(this);
  var v = $this.val();
  /\S{5}/.test(v) && $this.val(v.replace(/\s/g, '').replace(/(.{4})/g, "$1 "));
 });
})
</script>
</head>
<body>
<input type="text" id="ant" />
</body>
</html>

javascript 正则表达式用法 小结

function checkreg(myreg,mytext) 
{ 
if(myreg.test(mytext) 
{ 
alert("ok"); 
return true; 
} 
else 
{ 
return false; 
} 
}

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

vue按钮多次点击重复提交数据如何处理

node.js 命令行工具使用详解

以上就是js正则相关使用案例分享的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:javascript 分享 案例
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • javascript初级视频教程javascript初级视频教程
  • jquery 基础视频教程jquery 基础视频教程
  • 视频教程分类