js短信注册

html

<div class="login-middle">
  <span class="placeholder1">手机号码</span>
  <input class="user_phone" type="text" οnfοcus="$('.placeholder1').hide()" οnblur="if($(this).val()!=''){$('.placeholder1').hide()}else{$('.placeholder1').show()}"/>
  <span class="placeholder2">验证码</span>
  <input class="user_verify_code" type="text" οnfοcus="$('.placeholder2').hide()" οnblur="if($(this).val()!=''){$('.placeholder2').hide()}else{$('.placeholder2').show()}"/>
  <input type="button" class="user_verify_code_button" value="获取验证码" /> 
  <span class="placeholder3">请设置密码</span>
  <input class="user_passwrord" type="password" οnfοcus="$('.placeholder3').hide()" οnblur="if($(this).val()!=''){$('.placeholder3').hide()}else{$('.placeholder3').show()}"/> 
  <button class="register-button">注册</button>
</div>

js

      // 获取验证码倒计时
      $(".user_verify_code_button").on('click',function(){

        var countdown=60; 
        settime(this);
        function settime(val){ 
          if (countdown == 0){ 
            $(".user_verify_code_button").attr("style","background:#f2572c")
            val.removeAttribute("disabled");    
            val.value="获取验证码"; 
            countdown = 60; 
            return;
          }
          else{ 
            $(".user_verify_code_button").attr("style","background:#b5b5b5;cursor:not-allowed");
            val.setAttribute("disabled", true); 
            val.value="重新发送(" + countdown + 's'+")"; 
            countdown--; 
          } 
          setTimeout(function() { 
          settime(val) 
          },1000) 
        } 
      });
      $(".register-button").click(function () { //注册
          var user_phone=$(".user_phone").val();
          var user_verify_code=$(".user_verify_code").val();
          $.ajax({
              type: "POST",
              url: "/register",
              contentType: 'application/json; charset=utf-8', // 很重要
              traditional: true,
              data:JSON.stringify({
                  "user_phone":user_phone,
                  "user_verify_code":user_verify_code}),
              success: function(msg){
                $(".register-button").attr('style',"background:#d43c12");
                  alert("success");
              },
              error:function(err) {
                $(".register-button").attr('style',"background:#d43c12");
              }
          });
      });