发送验证码的页面事件的实现

    //短信发送
    $('.vcode-send').click(function () {
        if ($(this).hasClass('disabled')) { //如果该按钮还处于disable状态，则不做任何操作
        } else {
            var self = $(this);
            var count = 10;    //设置点击发送后的等待时间
            self.addClass('disabled')    //设置当前按钮为禁止操作
            self.text(count + '秒后重新获取')    //在页面显示等待时间
            var timer = setInterval(function () {     //计时器，设置每次1000ms,也就是一秒
                count--;
                if (count > 0) {
                    self.text(count + '秒后重新获取');
                } else {
                    clearInterval(timer)
                    self.text('重新获取验证码')
                    self.removeClass("disabled");
                }
            }, 1000);
            var phone = $("#phone").val();    //下面发送异步请求，获取验证码
            $.get(domainUrl + "/users/sendVerifyCode", {phone:phone}, function (data) {
                console.log(data);
                if(data.code == 200){
                    popup("发送成功")
                }else{
                    popup(data.msg);
                }
            })
        }
    });

通过异步请求把手机号发送到后端，让后端把验证码发送到手机上

后端实现可以参考：后端实现真实发送短信验证码