zoukankan      html  css  js  c++  java
  • 正则表达式

    1、正则表达式

    用符号来描述书写规则:/ 中间写正则表达式 /

    ^ :匹配开头,$:匹配结尾 ; /^ve/以ve开头的 /ve$/以ve结尾

    d:一个任意的数字

    w:一个任意的数字或字母

    s:一个任意的字符串

    {n}:把左边的表达式重复n遍

    {m,n}:把左边的表达式重复至少m遍,至多n遍
        {m, }:把左边的表达式重复至少m遍,,至多不限

    +:左边的表达式,至少出现一次,至多不限,相当于{1,}

    *:左边的表达式,至少出现0次,至多不限,相当于{0,}

    ?:左边的表达式,至少出现0次,至多出现1次,相当于{0,1}

    [a,b,c]:只能取方括号中内容之一

    [a-z]或[1-9]:在范围中取其一

    |:代表或者; ():优先级; :转义--“( )”这个才是要出现的小括号,需要转义

    2、事件

    事件有三要素:事件源、事件数据、事件处理程序

    事件冒泡:当元素嵌套的时候,内部元素激发某个事件后,默认情况下外部元素相应的事件也会跟着依次触发

    可以加return false;是阻止默认操作

    onclick: 鼠标单击触发

    ondblclick: 双击触发

    onmouseover: 鼠标移动上面触发

    onmouseout: 鼠标离开时触发

    onmousemove: 鼠标在上面移动时触发

    onchange: 只要内容改变触发

    onblur: 失去焦点时触发

    onfocus: 获得焦点时触发

    onkeydown: 按键按下的时候触发

    onkeyup:按键抬起来的时候触发

    onkeypress:事件在用户按下并放开任何字母数字键时发生。但是系统按钮(例如:箭头键、功能键)无法得到识别。

    例子:根据正则表达式验证邮箱

       function checkemail()   {    var v4 = trim(u4.value);    var reg = /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/;    if(v4.match(reg) != null)    {        imgs4.setAttribute("src","imges/1.png");        return true;    }    else    {        imgs4.setAttribute("src","imges/2.png");        return false;    } }

     

    正则表达式补充:

    建立正则表达式的方法:

     

    var patten= new RegExp(/^[0-9]{17}[0-9|X]$/);/*RegExp()括号里面的式子需要自己定义:1[]里面只有一个元素2()里面可以写一个单词或者式子3{}里面表示数量
    4^:以某个元素开头,写在元素前面
    5$:以某个元素结束,写在元素后面*/

     

    例:

    1、正则表达式验证身份证:

     

    身份证:<input type="text" id="1"  />

     

    /*javascript部分*/  var a= document.getElementById("1").value;  var patten= new RegExp(/^[0-9]{17}[0-9|X]$/);  if(patten.test(a))  {      alert("输入正确");  }  else  {      alert("输入错误");  }

     

     

    2、正则表达式验证邮箱:

     

    邮箱:<input type="text" id="2" /><input type="button" value="提交" onclick="mail()" />

     

    function mail(){    var patten2= new RegExp(/^[0-9|A-z|_]{1,17}[@][0-9|A-z]{1,3}.(com)$/)    var mail = document.getElementById("2").value;    if(patten2.test(mail))      {          alert("输入正确");      }    else      {          alert("输入错误");      }}

  • 相关阅读:
    解决行内块元素(inline-block)之间的空格或空白问题
    gzip压缩文件&webPack配置Compression-webpack-plugin
    IOS微信禁用分享跳转页面返回BUG修复
    开发自己的composer包
    深入理解Java中的迭代器
    理解JDK1.5的自动装箱拆箱
    [design-patterns]设计模式之一策略模式
    [java]final关键字的几种用法
    [java]static关键字的四种用法
    [java]我的数据在哪里?——数据的内存模型
  • 原文地址:https://www.cnblogs.com/liuyanzeng/p/5840114.html
Copyright © 2011-2022 走看看