首页 > 其他分享 >记录

记录

时间:2022-10-26 11:46:02浏览次数:75  
标签:function code 记录 res clock phone error

<script type="text/javascript">
    $(function () {
        let v = urlparam.get('key');
        storage.set("key", v);
        $("#app").validate({
            onclick: true,
            onfocusout: false,
            onkeyup: false,
            onkeyup: false,
            onsubmit: false,
            //errorPlacement: function (error, element) {
            //    layer.tips(error.html(), '#' + element[0].id, {
            //        tips: 3,
            //        tipsMore: true
            //    });
            //},
            rules: {
                phoneNumber: { required: true },
                verification_code: { required: true }
            },
            messages: {
                phoneNumber: { required: "The Phone number is invalid" },
                verification_code: { required: "Enter the correct verification code" }
            }
        });
    })
    function validateForm() {
        return $("#app").validate().element($("#phoneNumber"));
    }
    var vm = new Vue({
        el: '#app',
        data: {
            phone_number: "",
            code: ""
        },
        mounted() {
        },
        methods: {
            submit() {
                var flag = $("#app").valid();
                if (!flag) {
                    return;
                } else {
                    axios({
                        method: 'post',
                        url: '/Home/FMRegister1',
                        // 自定义请求头
                        headers: {
                            'Content-Type': 'application/json;charset=utf-8',
                            'Accept-Language': '@AppSettingsConstVars.Country_AcceptLanguage'
                        },
                        params: {
                            mobile: this.phone_number,
                            code: this.code
                        }
                    }).then(res => {
                        if (res.data.Code == 100) {
                            let model = { "phone": this.phone_number, "code": this.code };
                            storage.set("l_phone", model);
                            location.href = "/home/RegisterNext";
                        } else {
                            layer.msg(res.data.Msg);
                        }
                    }).catch(function (error) { // 请求失败处理
                        console.log('error' + error);
                    });

                }
            },
            sendcode() {
                var fla = validateForm();
                console.log(fla);
                if (!fla) {
                    alert(0);
                    return;
                } else {
                    axios({
                        method: 'get',
                        url: '/Home/GetSms',
                        // 自定义请求头
                        headers: {
                            'Content-Type': 'application/json;charset=utf-8',
                            'Accept-Language': '@AppSettingsConstVars.Country_AcceptLanguage'
                        },
                        // timeout: 1000, // 默认值是 `0` (永不超时)
                        params: {
                            mobile: this.phone_number
                        }
                    }).then(res => {
                        if (res.data.Code == 100) {
                            $(".sign_clock").removeClass('send').addClass('wait');
                            var second = 60;
                            $(".sign_clock").text("Resend(" + second + "s)");
                            var interval = setInterval(function () {
                                second--;
                                $(".sign_clock").text("Resend(" + second + "s)");
                                if (second === 0) {
                                    $(".call_captcha").show();
                                    $(".sign_clock").removeClass('wait').addClass('send');
                                    $(".sign_clock").text("Send");
                                    clearInterval(interval);
                                }
                            }, 1000);
                        } else {
                            layer.msg(res.data.Msg);
                        }
                    }).catch(function (error) { // 请求失败处理
                        console.log('error' + error);
                    });
                }
            }
        }
    });
</script>

 

标签:function,code,记录,res,clock,phone,error
From: https://www.cnblogs.com/elsons/p/16827728.html

相关文章

  • 关于Centos虚拟机简单记录
    1.解决关于复制粘贴的问题2.调大虚拟机窗口......
  • 部署spingboot项目到云服务器踩坑记录
    按教程部署mall电商系统https://www.macrozheng.com/mall/deploy/mall_deploy_docker.html#docker环境安装只记录SpringBoot应用部署这部分一、本地电脑安装maven官......
  • 使用Spring AOP实现系统操作日志记录
    使用SpringAOP实现系统操作日志记录一、什么是SpringSpring是一个广泛应用的J2EE框架,是针对bean的生命周期进行管理的轻量级容器,主要由SpringCore、SpringAOP、Spri......
  • 图像响应式学习记录
    看到阮一峰老师的响应式图片教程,这里就不粘贴代码方面的示例了,因为阮一峰老师里的示例都讲得很清楚,具体内容参考以下链接响应式图像教程......
  • sql自学记录
    复习SQLjoin :用于根据两个或多个表中的列之间的关系,从这些表中查询数据 eg:SELECTPersons.LastName,Persons.FirstName,Orders.OrderNoFROMPersons,OrdersW......
  • pdf的踩坑记录
    1.开始使用vue-pdf这个插件,发现它只适用于页码小的文件,文件大了容易卡顿奔溃(建议小文件使用,比较方便)2.然后做优化,在包裹pdf显示外层div添加滚动事件,初始渲......
  • 记录--从原理分析vue开发环境搭建的全部过程
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助平时大家开发vue项目的时候,相信大部分人都是使用vue-cli脚手架生成的项目架构,然后npmruninstall安装......
  • 记录下LRU算法的使用
    原理可以参考下这个:https://blog.csdn.net/hellozhxy/article/details/119757733 最近在项目上,也使用到了这个LRU,,我们也来解析下这个LRU的实现 我们自己创建一......
  • 【算法学习】完全背包问题公式记录
    朴素f[i][j]=max(f[i-1][j],f[i-1][j-v]+w,f[i-1][j-2v]+2w,...)f[i][j-v]=max(f[i-1][j-v],f[i-1][j-2v]+w,...)=>f[i][j]=max......
  • 搭建github个人博客——记录
    目的看到网上许多人的都在搭建自己在gayhub上面的花里胡哨的blog,兴致来了,摸鱼不如自己搭一个这个!过程在跟着一个教程,是通过git+node+(里面的hexo)。baby级教程到了其......