python web py入门（50）- jQuery - 输入内容的检查

最新推荐文章于 2022-05-10 17:15:47 发布

caimouse

最新推荐文章于 2022-05-10 17:15:47 发布

阅读量546

点赞数

分类专栏： webpy 文章标签： webpy javascript

本文链接：https://blog.csdn.net/caimouse/article/details/79938553

版权

webpy 专栏收录该内容

71 篇文章 33 订阅

订阅专栏

在前面学习了从网页上获取输入内容，它是通过jQuery的id选择器来实现的。一般情况之下，获取输入就是为了进行检查数据输入的正确性，那么怎么样判断数据的正确性，就跟你的业务逻辑有关了。比如qq的号码，全是数字；邮箱地址有一个@字符。下面就来学习怎么样检查一个合法的EMAIL地址，在这个例子里使用JS的match函数，它的功能如下：
stringObject.match(searchvalue)
stringObject.match(regexp)
match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
在前面使用了下面语句：
var email = $("form#register #email").val();
在这里使用jQuery的val()函数，它的作用如下：
val() 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数，则返回被选元素的当前值。
语法：$(selector).val(value)

有了这两个基础知识，就可以使用正规则来判断email地址的合法了，代码如下：

<html>
  <head>
    <meta charset="utf-8">
    <title>
      id选择的例子
    </title>
    <script type="text/JavaScript" src="jquery/jquery-3.3.1.js"></script>
    <script type="text/JavaScript">
      $(document).ready(function(){
        $("form#register").submit(function(event){
          var email = $("form#register #email").val();
          if (email == "")
          {
              alert("邮箱不能为空");
              $("form#register #email").focus();
              return false;
          }

          if(!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/))
          {
              alert("格式不正确！请重新输入");
              $("form#register #email").focus();
          }
        });

         $("form#register #email").focus();
      });
    </script>
  </head>
  <body>
    <form id="register" action="#" method="POST">
      <label for="email">邮箱</label>
      <input type="text" id="email" name="email">
      <input type="submit" id="register_btn" value="注册">
   </form>
  </body>
</html>

运行结果如下：