<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>Regular Expression test</title>

</head>

<body>

     用户名：(4-16位，字母、下划线、数字，减号) <br/>

     <input type="text" id="un" placeholder="4-16位" >

      <input type="button" value="test" onclick="userName()" >

      <span id="one"></span>

     <br/><hr/>

     密码：(最少6位，至少包括一个大写字母、一个小写字母、一个数字、一个特殊字符) <br/>

     <input type="text" id="pw" >

      <input type="button" value="test" onclick="password()" >

      <span id="two"></span>

      <br/><hr/>

     邮箱：(xxx@xx.xxx)<br/>

     <input type="text" id="em" >

      <input type="button" value="test" onclick="email()" >

      <span id="three"></span>

           <br/><hr/>

     身份证号：18位，最后一位可以是数字或字母<br/>

     <input type="text" id="idn" >

      <input type="button" value="test" onclick="idNumber()" >

      <span id="four"></span>

<script type="text/javascript">

function userName(){

        var reg=/^\w{4,16}$/;

        if( !reg.test( document.getElementById("un").value ) )

            document.getElementById("one").innerHTML="不正确";

        else

            document.getElementById("one").innerHTML="正确";

    }

function password(){

        var reg=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*?[#?!@$%^&*-]).{6,}$/;

        if( !reg.test( document.getElementById("pw").value ) )

            document.getElementById("two").innerHTML="不正确";

        else

            document.getElementById("two").innerHTML="正确";

    }

function email(){

        var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;

        if( !reg.test( document.getElementById("em").value ) )

            document.getElementById("three").innerHTML="不正确";

        else

            document.getElementById("three").innerHTML="正确";

    }

function idNumber(){

        var reg=/^\d{17}[A-z|0-9]{1}$/;

        if( !reg.test( document.getElementById("idn").value ) )

            document.getElementById("four").innerHTML="不正确";

        else

            document.getElementById("four").innerHTML="正确";

    }

</script>

</body>

</html>

js 正则表达式验证密码、邮箱格式.....的更多相关文章

  1. JS正则表达式验证账号、手机号、电话和邮箱

    JS正则表达式验证账号.手机号.电话和邮箱 效果体验:http://keleyi.com/keleyi/phtml/jstexiao/15.htm 验证帐号是否合法 验证规则:字母.数字.下划线组成, ...

  2. Python 使用正则表达式验证密码必须包含大小写字母和数字

    校验密码是否合法的程序. 输入一个密码 1.长度5-10位 2.密码里面必须包含,大写字母.小写字母和数字 3.最多输入5次 ===================================== ...

  3. js正则表达式验证

    有时候会要验证自己写的正则表达式是否正确 所以写了这个小东西: demo:js正则表达式验证 html: <h3>绿色表示匹配,红色表示不匹配</h3> <label&g ...

  4. js正则表达式:验证邮箱格式、密码复杂度、手机号码、QQ号码

    直接上代码             Java   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 ...

  5. JS正则表达式验证表单

    一.解释一些符号相关的意义     1.  /^$/ 这个是个通用的格式.         ^ 匹配输入字符串的开始位置:$匹配输入字符串的结束位置     2. 里面输入需要实现的功能.       ...

  6. js正则表达式验证（化繁为简）

    以前用js写正则表达式验证,每一个文本框后面都要添加一个onblur函数,验证的信息少,也没体会到有多繁琐,这次项目中的页面比较多,页面中的信息也比较多,如果每个文本框都加一个验证函数的话,js验证代 ...

  7. js正则表达式验证字符长度

    原理,就是把一个汉字替换为两个字母,来实现长度验证. //js正则验证字符长度 第一种:直接输出长度 alert('1sS#符'.replace(/[^\x00-\xff]/g, 'AA').leng ...

  8. JS简单验证密码强度

    <input type="password" id="password" value=""/><button id=&qu ...

  9. js正则表达式验证端口范围(0-65535)

    javascript正则表达式验证IP地址的端口合法性 if (!(/^[1-9]\d*$/.test(port) && 1 <= 1 * port && 1 * ...

随机推荐

  1. Three.js开发指南---创建，加载高级网格和几何体（第八章）

    本章的主要内容: 一, 通过Three.js自带的功能来组合和合并已有的几何体,创建出新的几何体 二, 从外部资源中加载网格和几何体 1 前面的章节中,我们学习到,一个几何体创建的网格,想使用多个材质 ...

  2. ElasticSearch 使用小结

    写在前面 要做个元数据服务,包括存储和查询.元数据除了一些基本字段外,其他格式是自由的,存储输入为一个JSON形式.比如下面是一个文件对象的元数据: { "name":" ...

  3. 纯css3无缝滚动

    纯css3无缝向左滚动: HTML: <div class="marqueCon"> <div class="marque"> < ...

  4. wagon-maven-plugin实现自动打包部署到服务器

    1.在maven中添加依赖 <!-- https://mvnrepository.com/artifact/org.codehaus.mojo/wagon-maven-plugin --> ...

  5. JdbcTemplate 方法使用

    作者QQ:1095737364    QQ群:123300273     欢迎加入! execute方法:可以用于执行任何SQL语句,一般用于执行DDL语句: update方法及batchUpdate ...

  6. BZOJ5322: [JXOI2018]排序问题

    传送门 不难看出期望就是 \(\frac{(n+m)!}{\prod_{v=1}^{max}(cnt_v!)}\),\(cnt_v\) 表示 \(v\) 这个数出现的次数. 贪心就是直接把 \(m\) ...

  7. 鼠标悬浮控制元素隐藏与显示 - css中鼠标的hover状态

    需求:当鼠标移动到一个元素A身上时,另外一个元素B显示. 实现原理: A元素与B元素有一个相同的父级. B元素默认隐藏,A元素默认显示. 当鼠标移动到A元素身上时,也可以看做是移动到了A元素的父级身上 ...

  8. 小记SharePoint REST API Search和COM

    1.管理员身份Visual Studio,新建类项目 SPCOM 2.编写逻辑实现代码 重点关注搜索结果的属性包括: Title,Author,Path,Description,HitHighligh ...

  9. jQuery星级评论表单美化代码

    最近正在做php第二阶段的项目,由于我们小组做的是游戏评论网站,所以需要用到评分评论的页面,这里我做了个星级评论表单 1.首先,我们需要引入一个jQuery文件,代码如下: /*! * jQuery ...

  10. asp.net调用微信扫一扫功能

    1.页面引用http://res.wx.qq.com/open/js/jweixin-1.0.0.js 2.前台代码 function shaomiao() { wx.config({ debug: ...