问答详情
源自:3-8 用户模型管理--getotp页面实现

请问getotp的html有源码吗

请问getotp的html有源码吗

提问者:慕九州713638 2021-01-15 11:45

个回答

  • JVM的猜想
    2021-05-17 15:44:37

    <html>

    <head>

    <meta charset="utf-8" />

    <script src="static/assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>

    </head>


    <body>

    <div>

        <h3>获取otp信息</h3>

        <div>

            <label>手机号</label>

                <div>

                <input type="text" placeholder="手机号" name="telphone" id="telphone" />

                </div>

            </div>

            <div>

            <button id="getotp" type="submit">

                获取otp短信

                </button>

        </div>

        </div>

    </body>


    <script>

    jQuery(document).ready(function() {

            $("#getotp").on("click",function(){

    var telphone = $("#telphone").val();

    if(telphone == null || telphone == ""){

    alert("手机号不能为空");

    return false;

    }

    $.ajax({

    type:"POST",

    contentType:"application/x-www-form-urlencoded",

    url:"http://localhost:8080/user/getotp",

    data:{

    "telphone":$("#telphone").val(),

    },

    success:function(data){

    if(data.status == "success") {

    alert("otp已经发送到了您的手机上,请注意查收");

    } else {

    alert("otp发送失败,原因为"+data.data.errMsg);

    }

    },

    error:function(data){

    alert("otp发送失败,原因为" + data.responseText);

    }

    });

    return false;

    });

        });

    </script>



    </html>


  • 风油精_IT
    2021-03-20 02:03:37

    某宝9块钱