JavaScript正则表达式简单实用实例

 1.replace

var user='xia&&min**';
user=user.replace(/[^A-Za-z\d_-]+/,'');   //需要再次赋值
console.log(user); //xiamin**
user = user.replace(/[^A-Za-z\d_-]+/g, '');  //全局进行替换
console.log(user); //xiamin

分割邮件

var email='nettuts@tutsplus.com';
var result=email.replace(/([A-Za-z_\d-]+)@([A-Za-z_\d-]+)\.[a-z]{2,4}/ig,'$1,$2');
console.log(result); //nettuts tutsplus

2.test

这个方法接受单个字符串参数，然后返回一个布尔值，该值表明是否找到一个批评。如果你不需要对特定的匹配结果进行操作，比如，验证用户名，“test”方法已足够完成这个任务。

var name='xiamin';
var result=/[A-Za-z-_]+/.test(name);
console.log(result);

3.match

与test方法不同，match() 返回一个包含所有找到的批评的数组。

var name='xiamin';
var result=name.match(/i/g);
console.log(result); //(2) ["i", "i"]

匹配所有问号前后内容

var url ='http://localhost:8080?name=xiamin';
var result=url.match(/^(.+)\?(.+)/i);
console.log(result);//"http://localhost:8080?name=xiamin?" "http://localhost:8080" "name=xiamin"

匹配#后面的内容

var url ='http://localhost:8080?name=xiamin#dnsjdnw';
var result=url.match(/#(.+)/i);
console.log(result);//"#dnsjdnw", "dnsjdnw"

获取协议

var url ='http://localhost:8080?name=xiamin#dnsjdnw';
var result=url.match(/(ht|f)tps?:/i);
console.log(result);//"http:", "ht"

匹配页面url

var url ='http://www.baidu.com';
var result=url.match(/.+\.[a-z]{2,4}/ig);
console.log(result);//http://www.baidu.com

以上所述是小编给大家介绍的JavaScript正则表达式简单实用实例，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

赞 (0)

相关推荐

  • js输入框使用正则表达式校验输入内容的实例

    js输入框输入校验 /*用户名称格式判断--用户名只能为下划线.数字.字母或中文长度不超过10个字符*/ function checkUserName(str) { var reg = /^[_0-9a-zA-Z\u4e00-\u9fa5]{1,10}$/; return reg.test(str); } 以上这篇js输入框使用正则表达式校验输入内容的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • JS使用replace()方法和正则表达式进行字符串的搜索与替换实例

    1.JS字符串的替换及replace()方法的使用 replace(regexp,replacement)方法有两个参数,第一参数可以是一个纯文本字符串或是一个RegExp对象,具体请看RegExp对象的使用:第二个参数可是一个字符串也可以是一个函数. 以下是JS字符串替换的举例: 例1: 复制代码 代码如下: var str="Hello world!";document.write(str.replace(/world/, "phper")); 例2: 复制代码

  • js 输入框 正则表达式(菜鸟必看教程)

    js 输入框 正则表达式(菜鸟必看教程)

    源码如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 用户名:<input type="text"name = "user" id="user"/> <span id="use

  • 实例分析js和C#中使用正则表达式匹配a标签

    废话不多说,都在代码中,直接上 JS代码: 复制代码 代码如下: <html> <head> <script language="javascript">     var a='<P><A href=\'~abc/ccg/ab.jpg\' width="3">文字</A><A width="4" style="color:#ddd; font-weight:b

  • JavaScript正则表达式简单实用实例

     1.replace var user='xia&&min**'; user=user.replace(/[^A-Za-z\d_-]+/,''); //需要再次赋值 console.log(user); //xiamin** user = user.replace(/[^A-Za-z\d_-]+/g, ''); //全局进行替换 console.log(user); //xiamin 分割邮件 var email='nettuts@tutsplus.com'; var result=ema

  • Ajax的简单实用实例代码

    Ajax的简单实用实例代码

    我将实现一个简单的Ajax页面无刷新进行用户验证案例: 效果如下图: 实现主要过程: 在UsersAction类中的checkUser方法中接收并验证前台的表单数据,针对不同情况,返回一个状态码code给jsp页面,然后在ajax1.jsp中通过$.post方法接受后台传递过来的状态码 做出不同的响应. 具体代码如下: 1.实体类 package com.bean; import java.io.Serializable; public class Users implements Serial

  • javascript手机验证、邮箱验证、密码验证的正则表达式简单封装实例

    javascript[手机验证].[邮箱验证].[密码验证]的正则表达式的封装: [手机验证]: 以下代码是验证手机号码的正则表达式的方法, [checkPhone]:表示的是方法的名称: [phoneId]:表示方法的参数,这里为获取手机号码的html元素的id,一般为input元素的id: [$(phoneId).val()]:JQ通过id获取input的值: [手机匹配的正则表达式]: /^1[2|3|4|5|6|7|8|9|]\d{9}$/ /*手机验证*/ function check

  • JavaScript正则表达式验证登录实例

    本文实例为大家分享了js正则表达式验证登录的具体代码,供大家参考,具体内容如下 代码片段: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>qq登录模拟测试</title> </head> <body> <form name="form1" action="#" method

  • JavaScript正则表达式校验非负整数实例

    话不多说,请看代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title&

  • JavaScript正则表达式验证中文实例讲解

    JavaScript经常会验证中文,这里提供两个例子: Javascript代码: 复制代码 代码如下: /** *A simple example */ function ischinese(temp){ var re = /[^u4e00-u9fa5]/; if(re.test(temp)) return false; return true; } <p>/** *校验字符串是否为中文 *返回值: *如果为空,定义校验通过, 返回true *如果字串为中文,校验通过, 返回true *如果

  • Javascript 实现简单计算器实例代码

    Javascript 实现简单计算器实例代码

    效果图: 刚开始做时没考虑到清零和退格两个功能,嘻嘻,后来加的整体与传统计算器比有点小瑕疵. 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js简单计算器</title> <style type="text/css"> *{ margin:0px; padding:0px; } input{ margi

  • javascript正则表达式之search()用法实例

    本文实例讲述了javascript正则表达式之search()用法.分享给大家供大家参考. 具体实例代码如下: 复制代码 代码如下: <html> <head> <title>javascript正则表达式之search()实例</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script ty

  • Javascript 正则表达式校验数字的简单实例

    实例如下: $("input[datatype=number]").blur(function () { var str = $(this).val(); if (!isDecimal(str)) { alert("请输入数字"); } }); function isDecimal(str) { if (isInteger(str)) return true; var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/; if (re.test(str

  • Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解

    本文实例讲述了Bootstrap简单实用的表单验证插件BootstrapValidator用法.分享给大家供大家参考,具体如下: Bootstrap是现在非常流行的一款前端框架,这篇来介绍一款基于Bootstrap的验证插件BootstrapValidator. 先来看一下效果图(样式是不是还不错O(∩_∩)O哈哈~). Bootstrapvalidator下载地址:https://github.com/nghuuphuoc/bootstrapvalidator/? 引入对应的CSS和JS <l

随机推荐