zoukankan      html  css  js  c++  java
  • 前端网页匹配*

    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>jquery 验证表单的学习</title>
     <!-- 导库 -->
       <script type="text/javascript" src="./js/jquery.min.js"></script>
     <!-- 写jquery 的单一入口 -->
       <script type=" text/javascript">
         $(function(){
            // 绑定键盘回车事件
            $(document).keyup(function(event){
              // 判断回车键
                if (event.keyCode == 13){
                  // 帮用户点按钮
                  $("#b2").click();
                 }
             });
                //验证手机号的方法
                function  isPhoneNo(phone){
                   // 写匹配规则---定界符/之间写东西/
                  var pattern =/^1[3-9]d{9}$/;
                   // 返回匹配结果
                   return pattern.test(phone);
                  }
              // 绑定提交按钮的单击事件
               $("#b2").click(function(){
               // 声明变量存储动态手机号
               var _v =$(".phoneval").val();
                 if( isPhoneNo(_v) == false){
                    alert("你的手机号不合法,重新输入");
                      $(".phoneval").val("");
                         return false
                  }
                });
      
              });
     

     </script>
    </head>
    <body>
    <!-- 表单提交给后端  method 的 方式get /post-->
    <form action="http://192.168.1.238" method="post">
     
     手机号:<input class="phoneval" name= "phone" type="text" placeholder="请输入11
     位的手机号" style="padding : 10px; 200px"/>
     <br/><br/>
     <input id="b2" type="submit" value="提交数据"/>
    </form>
    </body>
    </html>
  • 相关阅读:
    python自动发邮件库yagmail
    Vmware改成bridge方式联网
    centos7 更新Firefox版本
    无法应用转换程序,请检查指定的转换程序路径是否有效
    python中list/tuple/dict/set的区别
    Python中的*arg和**kwarg
    centos7.4下搭建JDK+Tomcat+Nginx+Mysql+redis+Mongodb+maven+Git+Jenkins
    用 Apache Derby 进行 ODBC 编程
    Derby 命令
    Python与数据库
  • 原文地址:https://www.cnblogs.com/liang715200/p/10072927.html
Copyright © 2011-2022 走看看