网页制作之JavaScript正则

• test 判断字符串是否符合规定的正则

      rep = /\d+/;
      rep.test("asgdgsahiu526")
      #   true
  
      rep = /^\d+$/;
      rep.test("agduya6768bhjsadgiak");
      #   false
  

• exec 获取字符串中符合规定的正则

      rep = /\d+/;
      var str = "ashda 312 bdhsah_398";
      rep.exec(str);
      #   312
      rep = /\bhello(\w*)\b/;
      var str = "ada hellohi adsad";
      rep.exec(str);
      #   ["hellohi","hi"]
  
      rep = /\bhello(\w*)\b/g;    全局搜索模式
      var str = "ada hellohi adsad hello! hello";
      rep.exec(str);
      #   ["hellohi","hi"]
      #   ["hello",""]
      #   ["hello",""]
      #   null
  

• 多行匹配

     默认就是多行匹配
     ^(开始符)+内容+$(终止符)
     rep = /\bhello(\w*)\b/g;    全局搜索模式
     var str = "ada hellohi adsad\n hellowe asdha hell";
     rep.exec(str);
     #   ["hellohi","hi"]
     #   null
     rep = /\bhello(\w*)\b/gm;    全局搜索模式+多行匹配
     var str = "ada hellohi adsad\n hellowe asdha hell";
     rep.exec(str);
     #   ["hellohi","hi"]
     #   ["hellowe","we"]
     #   null
  

• 登录注册验证

  1.  先验知识
      默认事件先执行
          CheckBox
      自定义先执行
          a
          submit
          。。。
  
      <form>
          <input type="text"/>
          <input type="password"/>
          <input type="submit"/>
      <!--        创建一个CheckBox，初始状态checked为false-->
          <input type="checkbox"/>
      </form>
      <script src="jquery-1.12.4.js"></script>
      <script>
          // 自定义一个点击事件，点击的时候向console发送当前的checked状态
          $(":checkbox").click(function () {
              // 获取checked当前状态
              var v = $(this).prop("checked");
              // 发送到console
              console.log(v);
          })
          $(":submit").click(function () {
              $(":text,:password").each(function () {
                  // ...
                  return false;
              });
              return false;
          });
      </script>
  2.  验证
      前端：JS验证
      <form>
          <input type="submit"/>
      </form>
      <script src="jquery-1.12.4.js"></script>
      <script>
          $(":submit").click(function () {
              $(":text,:password").each(function () {
                  // ...
                  return false;
              });
              return false;
          });
      </script>
      后端：Python实现
      业务处理
      。。。