注册时的数据传输

最新推荐文章于 2019-05-31 17:46:00 发布

柠檬花开_

最新推荐文章于 2019-05-31 17:46:00 发布

阅读量197

点赞数

文章标签：数据交互前台数据传输

本文链接：https://blog.csdn.net/Sunny_lxm/article/details/84142726

版权

这个是页面图 css代码省略

html代码

<tr>
                                        <tr>
                                    <td width="400">
                                        <div>
 <!--<p>设置会员名</p>-->
                                            <input class="inputs" id="cname" name="name" minlength="6" type="text" required placeholder="设置会员名">
                                        </div>
                                    </td>
                                    <td class="validate-tips">
                                        <div class="tip">
                                            <div id="usernameTip"></div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="400">
                                        <div>
                                            <input class="inputs" id="password" type="password" name="password" required placeholder="设置你的登录密码">
                                        </div>
                                    </td>
                                    <td class="validate-tips">
                                        <div class="tip">
                                            <div id="emailTip"></div>
                                        </div>
                                    </td>
                                </tr>

                            </tr>

<!--再次输入密码-->
                            <tr>
                                <td>
                                    <div>
                                        <input class="inputs" type="password" name="configpassword" id="configpassword" maxlength="20" minlength="6" required placeholder="再次输入你的密码">
                                    </div>

                                </td>
                                <td class="validate-tips">
                                    <div class="tip">
                                        <div id="passwordTip"></div>
                                    </div>
                                </td>
                            </tr>

<!--输入手机号-->
                            <tr>
                                <td>
                                    <div class="btns">
                                        <p id="confirm">+86</p>
                                        <input class="inputs" type="tel" name="tel" id="tel" maxlength="20" minlength="6" required placeholder="请输入手机号">
                                    </div>
                                </td>
                                <td class="validate-tips">
                                    <div class="tip">
                                        <div id="password2Tip"></div>
                                    </div>
                                </td>
                            </tr>



省略滑块样式

<tr>
                                <td>
                                   <button id="submitBtn" class="reg-submit-gray reg-submit default-transition" onclick="Register()">同意条款并注册</button>
                                </td>
                                <td></td>
                            </tr>

js代码

//注册按钮，数据传输
$("#sumbitBtn").click(function(){
        var pwd = $('#passward').val();
        var configPwd = $('#configpassword').val();
        var vaildate = $('#slider1').text();//这是滑块div中的字，js中会对滑块中的字进行判断
//判断两次密码是否一致
    if(pwd !==configPwd ){
     alert("两次密码输入不一致")；

}else if(vaildate !=="验证通过了哦" ){//判断滑块是否进行验证
    alert ("验证未通过")；

}else{//判断完成后向后台进行数据传输
    $.post{
        ""，//接口
        {//要传输的数据
            username：$('#cname').val(),//用户名
            pwd:hex_md5(pwd),//加密的密码
            mobile：$('#tel').val(),//手机号
        }，
        //成功回调函数 -1 0 1后台给定的状态
        function(data){
            if(data.status == -1){
                alert(data.url);

                }else if (data.status == 0){
                    alert("注册失败")；
                }else if(data.status == 1){
                      location.href = "../login/index.htm";//注册成功后跳转的页面   
                      }

        }




}
    

}

})