(5)-jQuery注册页面
html, body {
padding: 0;
margin: 0;
}
#dd {
width: 50%;
height: 800px;
float: left;
background-color: #F90;
}
#dd2 {
width: 50%;
height: 800px;
float: right;
background-color: #FC9;
}
form {
margin: 0px auto;
width: 80%
}
#sexInfo {
z-index: 1000;
position: absolute;
width: 150px;
height: 150px;
background-color: pink;
left: 10%;
top: 500px;
display: none;
}
$(document).ready(function() {
var b1=false;
var num=Math.floor(Math.random()*8999+1000);
$("#randomNo").html(""+num+"");
$("#b1").click(function() {
if(b1==false){
$("#agree").removeAttr("disabled");
b1=true;
}else{
$("#agree").attr("disabled","disabled");
b1=false;
}
});
$("#name").focus(function(){
if($("#name").val().length==0)
$("#nameInfo").html("用户名不能小于6位");
});
$("#name").keyup(function(e) {
if($("#name").val().length<6){
$("#nameInfo").html("用户名不能小于6位");
}else{
$("#nameInfo").html(" ");
}
});
$("#pwd").focus(function(){
if($("#pwd").val().length==0)
$("#pwdInfo").html("密码不能小于6位");
});
$("#pwd").keyup(function(e) {
if($("#pwd").val().length<6){
$("#pwdInfo").html("密码不能小于6位");
}else{
$("#pwdInfo").html(" ");
}
});
$("#pwdA").focus(function(){
if($("#pwdA").val().length==0)
$("#pwdAInfo").html("两次密码必须一致");
});
$("#pwdA").keyup(function() {
if($("#pwdA").val()!=$("#pwd").val()){
$("#pwdAInfo").html("两次密码必须一致");
}else{
$("#pwdAInfo").html(" ");
}
});
//验证码
$("#inputNo").keyup(function() {
if($("#inputNo").val()==num){
$("#inputInfo").html("\验证码输入正确");
}else{
$("#inputInfo").html("\验证码输入错误");
}
});
$("#agree").submit(function(){
if($("#name").val().length>=6&&$("#pwd").val().length>=6&&$("#pwd").val()==$("#pwdA").val()){
alert("注册成功");
}else{
alert("注册失败");
}
});
//鼠标滑动触发图片效果
$("#p1").mouseover(function() {
$("#sexInfo").css("display","block");
$("#sexInfo").css("background-image","url(image/female2.jpg)");
});
$("#p1").mouseout(function() {
$("#sexInfo").css("display","none");
});
$("#p2").mouseover(function() {
$("#sexInfo").css("display","block");
$("#sexInfo").css("background-image","url(image/male2.jpg)");
});
$("#p2").mouseout(function() {
$("#sexInfo").css("display","none");
});
});
注册用户需要履行的条约
请仔细阅读下面的协议,只有接受协议才能继续进行注册。
1. 服务条款的确认和接纳
**公共服务平台用户服务的所有权和运作权归珠海市生产力促进中心中心拥有。**公共服务平台所提供的服务将按照有关章程、服务条款和操作规则严格执行。用户通过注册程序点击“我同意” 按钮,即表示用户与**公共服务平台达成协议并接受所有的服务条款。
2. 用户同意:
1)提供及时、详尽及准确的个人资料。
2)不断更新注册资料,符合及时、详尽、准确的要求。所有原始键入的资料将引用为注册资料。
3)用户同意遵守《中华人民共和国保守国家秘密法》、《中华人民共和国计算机信息系统安全保护条例》、《计算机软件保护条例》等有关计算机及互联网规定的法律和法规、实施办法。在任何情况下,珠海市科技创新公共服务平台合理地认为用户的行为可能违反上述法律、法规,服务平台可以在任何时候,不经事先通知终止向该用户提供服务。用户应了解国际互联网的无国界性,应特别注意遵守当地所有有关的法律和法规。
确认同意上述条约
省市区三联动以及验证码部分可找网上开源代码。