<!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. 获取url地址的参数值

    使用频率很高,百度了记录一下 $.getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + ...

  2. js实现禁止右键 禁止f12 查看源代码

    document.oncontextmenu = function () { return false; }; document.onkeydown = function () { if (windo ...

  3. 设计模式(19)--Observer(观察者模式)--行为型

    作者QQ:1095737364    QQ群:123300273     欢迎加入! 1.模式定义: 观察者模式是对象的行为模式,又叫发布-订阅(Publish/Subscribe)模式.模型-视图( ...

  4. jQuery中hover方法和toggle方法使用指南

    jQuery提供一些方法(如:toggle)将两种事件效果合并到一起,比如:mouseover.mouseout:keyup.keydown等 1.hover函数 hover(over,out)一个模 ...

  5. jquery插件－fullpage.js

    1⃣️ 简介 fullPage.js 是一个基于 jQuery 的插件,它能够很方便.很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机.平板触摸事件 ...

  6. 3D-爱心

    520把爱心送给她 用自己独有的方式表白,也是爱的一种体现! 所以呢,我就利用自己现有的知识,做了一个3D爱心! 今天是5月21日,博主在这里希望所有看到这个博客的朋友们能够拥有自己美好的爱情! 同时 ...

  7. flutter .g文件生成不了

    [SEVERE] Conflicting outputs were detected and the build is unable to prompt for permission to remov ...

  8. C#和C++互相操作 结构体数组的传递

    C++中结构体定义: typedef struct // 平面 { double time;  float normal[3]; float center[3];  } plane; C++中方法声明 ...

  9. 最近见到一个用react native实现的标尺动画，不知道如何实现 帖两张图（新知食App）

    很恶心,这款App的标尺没有做兼容,我在模拟上看不到效果,无法说明我想做出的东西的效果,无奈粘一张图吧! 就是这么一个屌样子,如何实现?

  10. BaseDAL最牛数据层基类2

    using System; using System.Data.Entity; using System.Linq; using System.Threading.Tasks; using Syste ...