这个是页面图 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";//注册成功后跳转的页面
}
}
}
}
})