美文网首页
表单验证

表单验证

作者: 小小一小只 | 来源:发表于2017-09-06 21:47 被阅读0次

    通过事件验证

    • 方法中进行验证
      val.search(reg)

    pattern

    <form>
         <input type="text" placeholder="Username" pattern="[a-z]{1,15}" title="请输入验证信息"> 
    </form>
    

    正则

    • 创建方式
    1. var reg = new RegExp(“study”, “ig”); // 第二个参数为修饰符
      i:表示忽略大小写ignore。
      g:表示全局匹配,查找所有匹配而非在找到第一个匹配后停止 global。
      m:多行匹配 multi。
    2. var reg = /study/ig;
    • 正则对象方法
      test:检索字符串中指定的值。返回true或false。
      exec:用于检索字符串中的正则表达式的匹配。返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为null。
      注:如果没有指定g修饰符,那么每次匹配都是从头开始匹配,如果指定g修饰符以后,下次匹配则从上次匹配的结束位置开始匹配。
    • 字符串函数
      search:检索与正则表达式相匹配的值。返回字符串中第一个与正则表达式相匹配的子串的起始位置。如果没有找到则返回-1。
      match:找到一个或多个正则表达式的匹配。
      replace:替换与正则表达式匹配的子串。
      split:把字符串分割为字符串数组。
    • 正则表达式构成
      正则表达式是由普通字符(例如字符a到z)以及特殊字符(称为元字符)组成的文字模式。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。
    • 元字符---限定符:
      限定符可以指定正则表达式的一个给定组件必须要出现多少次才能满足匹配。
      *:匹配前面的子表达式零次或多次。
      +:匹配前面的子表达式一次或多次。
      ?:匹配前面的子表达式零次或一次。
      {n}:匹配确定n次。
      {n,}:至少匹配n次。
      {n, m}:最少匹配n次且最多匹配m次。

    注:在限定符后紧跟 ? 则由贪婪匹配变成非贪婪匹配。

    • 元字符---字符匹配符:
      字符匹配符用于匹配某个或某些字符。
      [xyz]:字符集合。匹配所包含的任意一个字符。
      [^xyz]:负值字符集合。匹配未包含的任意字符。
      [a-z]:字符范围。匹配指定范围内的任意字符。
      [^a-z]:负值字符范围。匹配任何不在指定范围内的任意字符。
      例如:[0-9]、[0-9a-z]、[0-9a-zA-Z]
      \d:匹配一个数字字符。
      \D:匹配一个非数字字符。
      \w:匹配包含下划线的任何单词字符。等价于[a-z0-9A-Z_]
      \W:匹配任何非单词字符。等价于[^a-z0-9A-Z_]
      \s:匹配任何空白字符。
      \S:匹配任何非空白字符。
      .:匹配除”\n”之外的任何单个字符。
    • 元字符---定位符:
      定位符可以将一个正则表达式固定在一行的开始或结束。也可以创建只在单词内或只在单词的开始或结尾处出现的正则表达式。
      ^:匹配输入字符串的开始位置。
      $:匹配输入字符串的结束位置。
      \b:匹配一个单词边界,也就是单词和空格间的位置。
      \B:匹配非单词边界。
    • 元字符---转义符:
      \:用于匹配某些特殊字符。
    • 元字符---选择匹配符:
      |:可以匹配多个规则。

    相关文章

      网友评论

          本文标题:表单验证

          本文链接:https://www.haomeiwen.com/subject/negvjxtx.html