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(){
                //验证手机号方法
                function isPhoneNo(phone){
                    //写匹配规则 pattern匹配
                    var pattern = /^1[3-9]d{9}$/;
                    //返回匹配结果
                    return pattern.test(phone);
    
                }
                // alert(isPhoneNo(15235926326));
                //绑定提交按钮的单击事件
                $("#b2").click(function(){
                    //声明变量存储动态手机号
                    var _value = $(".pv").val();
                    // alert(_value);
                    if(isPhoneNo(_value) == false){
                        alert("您的手机号不合理,请重新输入");
                        $(".pv").val("");
                        return false;
                    }   
                });
                //绑定键盘回车时间
                $(document).keyup(function(event){
                    //判断回车键
                    if(event.keyCode == 13){
                        //帮助点击提交按钮
                        $("#b2").click();
                    }
                });
            });
    
        </script>
    </head>
    
    <body>
    <!-- 表单提交给后端,method方式,get和post submit 提交 -->
    <form action="http://192.168.1.238" method="post">
    
    手机号:<input class="pv" name='phone' style=" 400px;padding: 5px;" type="text" placeholder="请输入11位的手机号"/><br/><br/>
    <input id='b2' type="submit" value="提交数据"/>
    
    </form>
    
    </body>
    </html>
    <!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(){
                //验证手机号方法
                function isPhoneNo(phone){
                    //写匹配规则 pattern匹配
                    var pattern = /^1[3-9]d{9}$/;
                    //返回匹配结果
                    return pattern.test(phone);
    
                }
                // alert(isPhoneNo(15235926326));
                //绑定提交按钮的单击事件
                $("#b2").click(function(){
                    //声明变量存储动态手机号
                    var _value = $(".pv").val();
                    // alert(_value);
                    if(isPhoneNo(_value) == true){
                        alert("您的手机号没问题");
                    }   else{
                        alert("你输入的手机号不合理");
                    }
                });
                //绑定键盘回车时间
                $(document).keyup(function(event){
                    //判断回车键
                    if(event.keyCode == 13){
                        //帮助点击提交按钮
                        $("#b2").click();
                    }
                });
            });
    
        </script>
    </head>
    <body>
        
    手机号:<input class="pv" style=" 400px;padding: 5px;" type="text" placeholder="请输入11位的手机号"/><br/><br/>
    <input id='b2' type="button" value="提交数据"/>
    
    
    </body>
    </html>

     

  • 相关阅读:
    运维文档的几点看法
    cmpp短信网关对接MSGID问题
    一文带解读C# 动态拦截覆盖第三方进程中的函数(外挂必备)
    C#中的解构
    如何科学破解慢SQL?
    c# HttpClient 上传文件并带参
    React 页面跳转传值
    Mysql 优化:status这类字段适合加索引吗?
    PHP数组高效去重
    PHP unset()、array_unique()的坑
  • 原文地址:https://www.cnblogs.com/sunzhiqi/p/10069950.html
Copyright © 2011-2022 走看看