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

在前面学习了从网页上获取输入内容,它是通过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>

 运行结果如下:


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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

caimouse

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值