欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

python web py入门(50)- jQuery - 输入内容的检查

程序员文章站 2022-07-07 11:51:48
...
在前面学习了从网页上获取输入内容,它是通过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_-])aaa@qq.com([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>

 运行结果如下:

python web py入门(50)- jQuery - 输入内容的检查

Visual Studio 2015开发C++程序的基本使用 
http://edu.csdn.net/course/detail/2570
在VC2015里使用protobuf协议
http://edu.csdn.net/course/detail/2582
在VC2015里学会使用MySQL数据库
http://edu.csdn.net/course/detail/2672


相关标签: webpy javascript