精华内容
下载资源
问答
  • } 京东注册 +86 下一步 注册协议及隐私政策 在您注册成为京东用户的过程中,您需要完成我们的注册流程并通过点击同意的形式在线签署以下协议, 请您务必仔细阅读、充分理解协议中的条款内容后再点击同意(尤其是以...
    Document

    *{

    padding: 0;

    margin: 0;

    }

    .fl{

    float: left;

    }

    .fr{

    float: right;

    }

    .qc:after{

    clear: both;

    content: "";

    display: table;

    }

    .top{

    position: relative;

    background: url()

    no-repeat 25px center;

    font-size: 17px;

    text-align: center;

    line-height: 45px;

    }

    .top .fh{

    width: 25px;

    position: absolute;

    top: 10px;

    left: 25px;

    }

    .tel{

    width: 81%;

    margin: 23px auto;

    padding: 10px 10px 13px;

    border-bottom:1px solid #eee;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAMCAYAAABx290PAAAABGdBTUEAALGPC/xhBQAAAU9JREFUOBGtVC1PxEAQ7R5JqzBVNYSkVU3gX5wBfgEaAniCwuIIHsjpQ6Jwx09AIZo0aRPAU4Fqk7a8d3TIHHfXj4Q1Mzsfb/btvtb4vr9vjLm1ftZVkiT3jf8vJgiCUwBdEqyu6zODwDucLYU+cxznOIqiNxUb7IZhuJ3n+QSNY2kGsY+RbJQdF0Xx2pxMhfu77CUGOn6HSbfBlR5g8gNYbkpQ2UFsV7ESLMz4wozDUZqmT7Zt7yIxk6Syvdm2sSI2Z3CWUeBWc43XQ9h2sQL+BYR4J3M2xKHNsuzF87xpWZY72Po6x31VVUeu636yjjkeELWPcEPu/yw+x14cx886vsBQJ7rYNrXLosBbIbfASuOuHciituvSIMrvFFnrQAHqYGtRgahdy0pwaFd9hzo/9/noLUqeK1ALYwlABXoxVPUUyglUfM4YmN0M/RV+A2uMnQpiFNqoAAAAAElFTkSuQmCC)

    no-repeat 50px 18px;

    background-size: 4%;

    }

    .tel input{

    border: none;

    outline: none;

    margin-left: 30px;

    line-height: 20px;

    font-size: 16px;

    background: none;

    }

    ::placeholder{

    font-size: 16px;

    color: #9c9c9c;

    }

    .denglu{

    margin: 60px auto;

    width: 86%;

    line-height: 50px;

    text-align: center;

    background: #FBB5B3;

    color: white;

    border-radius:30px;

    box-shadow: 5px 10px 20px 0 rgba(255,62,62,.2);

    }

    #yy{

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0,0.2);

    }

    .zcxy{

    width: 320px;

    height:400px;

    box-sizing:border-box;

    background:white;

    position:absolute;

    border-radius:10px;

    top:50%;

    left:50%;

    margin-top:-200px;

    margin-left:-160px;

    }

    .biaoti{

    text-align: center;

    line-height: 25px;

    margin: 15px 0px 5px;

    }

    .zhenwen{

    width: 85%;

    height: 200px;

    margin: 0 auto;

    padding: 5px;

    font-size: 14px;

    line-height:23px;

    overflow: auto;

    }

    .zhenwen span{

    text-decoration: underline;

    }

    .yudu{

    margin: 0 auto;

    padding: 10px 25px;

    font-size: 13px;

    line-height:20px;

    margin-top:10px;

    box-shadow:0px -3px 3px rgba(0,0,0,0.1);

    }

    .xt{

    width:50%;

    text-align:center;

    height:44px;

    line-height:44px;

    }

    .bty{

    color: black;

    border-radius:0px 0px 0px 10px;

    background-image: linear-gradient(90deg,#ffffff,#ffffff 73%,#ffffff);

    }

    .ty{

    color: white;

    border-radius:0px 0px 10px 0px;

    background-image: linear-gradient(90deg,#f10000,#ff2000 73%,#ff4f18);

    }

    京东注册

    +86

    下一步

    注册协议及隐私政策

    在您注册成为京东用户的过程中,您需要完成我们的注册流程并通过点击同意的形式在线签署以下协议,

    请您务必仔细阅读、充分理解协议中的条款内容后再点击同意(尤其是以粗体并下划线标识的条款,因为这些条款可能会明确您应履行的义务或对您的权利有所限制):
    《京东用户注册协议》
    《京东隐私政策》
    《订单共享与安全》
    【请您注意】

    如果您不同意上述协议或其中任何条款约定,请您停止注册。您停止注册后将仅可以浏览我们的商品信息但无法享受我们的产品或服务。如您按照注册流程提示填写信息、阅读并点击同意上述协议且完成全部注册流程后,即表示您已充分阅读、理解并

    接受协议的全部内容;并表明您也同意京东可以依据以上的隐私政策内容来处理您的个人信息。

    如您对以上协议内容有任何疑问,您可随时与京东客服联系。

    点击同意即表示您已阅读并同意

    《京东用户注册协议》与

    《京东隐私政策》

    并将您的订单信息共享给为完成此订单所必须的第三方合作方。关于

    《订单共享与安全》

    同意

    function ty(){

    yy.style.display = "none";

    }

    一键复制

    编辑

    Web IDE

    原始数据

    按行查看

    历史

    展开全文
  • html>jdlogin.title{background:url("img/logo.png")no-repeat200px0px;height:80px;font-size:25px;text-indent:400px;line-height:60px;}.body{background:url("img/banner.png")no-repeat#e9385...

    html>

    jdlogin

    .title{

    background: url("img/logo.png" ) no-repeat 200px 0px;

    height: 80px;

    font-size: 25px;

    text-indent: 400px;

    line-height: 60px;

    }

    .body{

    background:   url("img/banner.png") no-repeat #e93854 50% 0;

    height: 475px;

    }

    a{

    text-decoration: none;

    color: #041422;

    }

    .wei,.copyright{

    text-align: center;

    color: #666;

    font: 12px/150% Arial,Verdana,"宋体";

    }

    .wei a{

    margin: 0px 8px;

    text-align: center;

    }

    .login{

    height: 260px;

    width: 303px;

    background: azure;

    float: right;

    margin: 50px;

    padding: 20px;

    }

    .zc,.hy{

    font-size: 25px;

    }

    .zc{

    color: red;

    float: right;

    font-size: 24px;

    }

    .jiantou{

    background: url("img/login-icons.png") no-repeat;

    height: 30px;

    width: 40px;

    background-position: -80px -70px;

    float: left;

    position: absolute;

    right: 180px;

    }

    .wjmm{

    float: right;

    }

    .hy:hover{

    color: red;

    }

    input[type=text],input[type=password]{

    height: 35px;

    width: 300px;

    text-indent: 40px;

    background:   40px 40px;

    border: 1px solid #666666;

    }

    .user,.pwd{

    /*background: url("https://misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2016-1124/i/pwd-icons-new.png") no-repeat;*/

    background: url("img/login-icons.png") no-repeat;

    height: 38px;

    width: 39px;

    border-right: 1px solid #666666;

    }

    .pwd{

    background-position: -47px 0px;

    }

    input[type=submit]{

    height: 40px;

    width: 300px;

    background: red;

    color:#f9f9f9;

    font-size: 20px;

    border: 1px #990000;

    }

    input[type=submit]:hover{

    background-color: orangered;

    color: #ffffff;

    cursor: pointer;

    }

    .hyzc{

    height: 40px;

    }

    .hy{

    float: left;

    }

    .copyright{

    margin: 10px 0;

    }

    欢迎登录

    京东会员

    立即注册

    自动登录

    忘记密码 ?

    关于我们

    |

    联系我们

    |

    人才招聘

    |

    商家入驻

    |

    广告服务

    |

    手机京东

    |

    友情链接

    |

    销售联盟

    |

    京东社区

    |

    京东公益

    |

    English Site

    Copyright © 2004-2017  京东JD.com 版权所有

    0818b9ca8b590ca3270a3433284dd417.png

    0818b9ca8b590ca3270a3433284dd417.png

    展开全文
  • 任务信息 演练 京东注册页 1048 HTML5 - 知乎 https://zhuanlan.zhihu.com/p/265359837 开发过程 。。。 编写中

    任务信息

    演练 京东注册页 1048 HTML5 - 知乎
    https://zhuanlan.zhihu.com/p/265359837

    开发过程

    。。。
    编写中

    展开全文
  • js实现京东注册

    千次阅读 2017-04-18 13:16:53
    京东 欢迎注册 用 户 名
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title></title>
    		<link rel = "stylesheet" href = "css/jd.css"/>
    		<script src = "js/jd.js"></script>
    	</head>
    	<body>
    		<!--京东头部-->
    		<div class="header">
    	        <a class="logo" href="https://www.jd.com">京东</a>
    	        <div class="desc">欢迎注册</div>
    	    </div>
    	    <!--版心-->
    	    <div class="container">
    	    	<!--注册模块-->
    	    	<div class = "register">
    	    		<!---------用户名注册------------->
    	    		<div class = "user">
    	    			<!--输入框-->
    	    			<div class = "userTop">
    	    				<label for = "userName">用 户 名</label>
    	    				<input type = "text" id="userName" placeholder="您的账户名和登录名"/>
    	    				<i></i>
    	    			</div>
    	    			<!--提示信息-->
    	    			<div class = "tip">
    	    				<i></i>
    	    				<span></span>
    	    			</div>
    	    		</div>
    	    		<!---------密码------------->
    	    		<div class = "user">
    	    			<!--输入框-->
    	    			<div class = "userTop">
    	    				<label for = "psd">设 置 密 码</label>
    	    				<input type = "password" id="psd" placeholder="建议至少两种字符组合"/>
    	    				<i></i>
    	    			</div>
    	    			<!--提示信息-->
    	    			<div class = "tip">
    	    				<i></i>
    	    				<span></span>
    	    			</div>
    	    		</div>
    	    		<!---------密码是否一致------------->
    	    		<div class = "user">
    	    			<!--输入框-->
    	    			<div class = "userTop">
    	    				<label for = "psd1">设 置 密 码</label>
    	    				<input type = "password" id="psd1" placeholder="请确认您的密码"/>
    	    				<i></i>
    	    			</div>
    	    			<!--提示信息-->
    	    			<div class = "tip">
    	    				<i></i>
    	    				<span></span>
    	    			</div>
    	    		</div>
    	    		<!---------邮箱验证------------->
    	    		<div class = "user">
    	    			<!--输入框-->
    	    			<div class = "userTop">
    	    				<label for = "email">邮 箱 账 号</label>
    	    				<input type = "text" id="email" placeholder="输入您的邮箱账号"/>
    	    				<i></i>
    	    			</div>
    	    			<!--提示信息-->
    	    			<div class = "tip">
    	    				<i></i>
    	    				<span></span>
    	    			</div>
    	    		</div>
    	    		<!---------手机验证------------->
    	    		<div class = "user">
    	    			<!--输入框-->
    	    			<div class = "userTop">
    	    				<label for = "phone">手 机 号</label>
    	    				<input type = "text" id="phone" placeholder="输入您的手机号"/>
    	    				<i></i>
    	    			</div>
    	    			<!--提示信息-->
    	    			<div class = "tip">
    	    				<i></i>
    	    				<span></span>
    	    			</div>
    	    		</div>
    	    		<!---------同意注册------------->
    	    		<div class = "user hehe">
    	    			<!--输入框-->
    	    			<div class = "userTop">
    	    				<input type="checkbox"  id="ck" />
        					<span> 我已阅读并同意<a href="#">《京东注册协议》</a></span>
    	    			</div>
    	    			<!--提示信息-->
    	    			<div class = "tip">
    	    				<i></i>
    	    				<span></span>
    	    			</div>
    	    		</div>
    	    		<!--注册按钮-->
    	    		<button id = "btn" class = "btn">注册</button>
    	    	</div>
    	    </div>
    	</body>
    </html>
    
    
    
    /*重置默认的外边距和内边距*/
    *{
        margin:0;
        padding:0;
    }
    /*常用标签的样式重置*/
    i{
        font-style: normal;
    }
    a{
        text-decoration: none;
    }
    input{
    	/*去除文本框获取焦点时的边框默认样式*/
        outline: none;   
        border:none;
    
    }
    /*设定html和body的宽度为100%*/
    html,body{
        width:100%;
        font-size: 14px;
    }
    /*版心*/
    .container{
        width:1210px;
        margin:0 auto;
        
    }
    /*头部*/
    .header{
        width:100%;
        height: 110px;
        box-shadow: 10px 10px 10px rgba(111,111,111,.5);
        position: relative;
    
    }
    /*Logo*/
    .header .logo{
        display: inline-block;
        width: 160px;
        height:50px;
        background: url("../images/icon.png") no-repeat;
        /*文本缩进*/
        text-indent: -100px;
        position: absolute;
        top:20px;
        left:20px;
    }
    .header .desc{
        font-size: 18px;
        line-height: 34px;
        border-left: 1px solid #ccc;
        position: absolute;
        left: 200px;
        top:28px;
        padding-left: 20px;
        font-weight:bold;
    }
    /*-----------------------------------京东注册模块---------------------------*/
    .register{
    	width:400px;
    	margin: 0 auto;
    	padding-top: 40px;
    }
    /*文本框注册*/
    .register .user .userTop{
    	border: 1px solid #ccc;
    	line-height: 52px;
    	padding-left: 10px;
    	position: relative;
    }
    .register .user .userTop input{
    	padding-left:20px;
    }
    .register .user .userTop.error{
    	border: 1px solid red;
    }
    .register .user .userTop.right i{
    	display: inline-block;
    	width: 20px;
    	height: 20px;
    	background: url(../images/right.png);
    	position: absolute;
    	right: 10px;
    	top: 50%;
    	margin-top: -10px;
    }
    /*注册提示信息*/
    .register .user .tip{
    	height: 30px;
    	line-height: 30px;
    	color: #ccc;
    	font-size: 12px;
    }
    .register .user .tip i{
    	width: 20px;
    	height: 20px;
    	display: inline-block;
    	vertical-align: middle;
    }
    .register .user .tip.hidden{
    	visibility: hidden;
    }
    .register .user .tip.default i{
    	background: url(../images/default.png) no-repeat center center;
    }
    .register .user .tip.error i{
    	background: url(../images/error.png) no-repeat center center;
    }
    .register .user .tip.error span{
    	color:red;
    }
    /*密码安全级别提示*/
    .register .user .tip.ruo i{
    	background: url(../images/ruo.png) no-repeat center center;
    }
    .register .user .tip.zhong i{
    	background: url(../images/zhong.png) no-repeat center center;
    }
    .register .user .tip.qiang i{
    	background: url(../images/qiang.png) no-repeat center center;
    }
    /*-------同意注册---------*/
    .register .user.hehe .userTop{
    	border:none;
    	line-height:20px;
    }
    /*-----------按钮样式------------*/
    .btn{
    	width:400px;
    	height:40px;
    	color:#fff;
    	background:darkred;
    	font-size:24px;
    	border:0;
    	cursor:pointer;
    }
    .btn:hover{
    	background:red;
    }
    //定义一个函数获取节点对象
    function $(id){
    	return document.getElementById(id);
    }
    /*--定义一个判断密码强弱程度的函数--*/
    function getLevel(pwd){  //string
    	var level = 0;
    	var isNummberFlag = true;  //标识是含有数字   true:没有  false 有
    	var isWordFlag = true; //标识是含有字母   true:没有  false 有
    	var isOtherFlag = true;//标识是含有其他字符   true:没有  false 有
    	for(var i = 0;i<pwd.length;i++){
    		var regs = /\d/;
    		var reg = /[a-zA-Z]/;
    		if(regs.test(pwd[i])){
    			if(isNummberFlag){
    				level++;
    				isNummberFlag = false;
    			}
    		}else if(reg.test(pwd[i])){
    			if(isWordFlag){
    				level++;
    				isWordFlag = false;
    			}
    		}else{
    			if(isOtherFlag){
    				level++;
    				isOtherFlag = false;
    			}
    		}
    	}
    	return level;
    }
    //页面加载完成执行
    window.onload = function(){
    	//获取需要的节点对象
    	var userName = $("userName");
    	var psd = $("psd");
    	var psd1 = $("psd1");
    	var email = $("email");
    	var phone = $("phone");
    	var btn = $("btn");
    	var ck = $("ck");
    	/*---------------用户名检测------------*/
    	userName.onfocus = userName.onblur = userName.onkeyup = function(e){
    		_event = window.event||e;
    		user(_event);
    	}
    	/*定义一个函数*/
    	function user(_e){
    		//判断是什么事件
    		var t;
    		if(_e){
    			t = _e.type;
    		}
    		//得到文本框里面的值
    		var v = userName.value;
    		//得到其父节点
    		var userTop = userName.parentNode;
    		//得到父节点的下一个兄弟节点
    		var tip = userTop.nextElementSibling;
    		//得到tip里面的最后一个子节点
    		var span = tip.lastElementChild;
    		//获取焦点
    		if(t == "focus"){
    			//内容为空
    			if(v.length==0){
    				tip.className = "tip default";//改变节点信息
    				span.innerHTML = "支持汉字、字母、数字、“-”、“_”,4-20个字符";
    				return false;
    			}
    		}
    		//失去焦点
    		if(t == "blur"){
    			//内容为空
    			if(v.length==0){
    				userTop.className = "userTop";
    				tip.className = "tip hidden";//改变节点信息
    				return false;
    			}
    		}
    		//键盘弹起
    		if(v.length==0){	//内容为空(输入后删去为空)
    			userTop.className = "userTop error";
    			tip.className = "tip error";
    			span.innerHTML = "请输入用户名";
    			return false;
    		}else{	//内容不为空
    			//输入为字符字母数字下划线正则表达式
    			var reg = /^([\u4e00-\u9fa5]|[a-zA-Z0-9_-])+$/;
    			//如果为真(匹配成功)
    			if(reg.test(v)){
    				//输入的字符串长度范条件
    				if(v.length<4||v.length>20){
    					userTop.className = "userTop error";
    					tip.className = "tip error";
    					span.innerHTML = "长度4-20个字符";
    					return false;
    				}else{
    					userTop.className = "userTop right";
    					tip.className = "tip hidden";
    					return true;
    				}
    			}else{		//匹配不成功
    				userTop.className = "userTop error";
    					tip.className = "tip error";
    					span.innerHTML = "格式输入错误";
    					return false;
    			}
    		}
    	}
    	
    	/*-----------输入密码判断-------------*/
    	psd.onfocus = psd.onblur = psd.onkeyup = function(e){
    		_event = window.event||e;
    		psdd(_event);
    	}
    	/*定义一个函数*/
    	function psdd(_e){
    		//判断是什么事件
    		var t;
    		if(_e){
    			t = _e.type;
    		}
    		//得到文本框里面的值
    		var v = psd.value;
    		//得到其父节点
    		var userTop = psd.parentNode;
    		//得到父节点的下一个兄弟节点
    		var tip = userTop.nextElementSibling;
    		//得到tip里面的最后一个子节点
    		var span = tip.lastElementChild;
    		//获取焦点
    		if(t == "focus"){
    			//内容为空
    			if(v.length==0){
    				tip.className = "tip default";//改变节点信息
    				span.innerHTML = "建议使用字母、数字和符号两种以上的组合,6-20个字符";
    				return false;
    			}
    		}
    		//失去焦点
    		if(t == "blur"){
    			//内容为空
    			if(v.length==0){
    				userTop.className = "userTop";
    				tip.className = "tip hidden";//改变节点信息
    				return false;
    			}
    		}
    		//键盘弹起
    		if(v.length==0){	//内容为空(输入后删去为空)
    			userTop.className = "userTop error";
    			tip.className = "tip error";
    			span.innerHTML = "请输入密码";
    			return false;
    		}else{	//内容不为空
    			//输入的字符串长度范条件
    			if(v.length<6||v.length>20){
    				userTop.className = "userTop error";
    				tip.className = "tip error";
    				span.innerHTML = "长度6-20个字符";
    				return false;
    			}else{	//判断成功检测安全程度
    				var level = getLevel(v);
    					switch(level){
    						case 1:    //弱
    							tip.className = "tip ruo";
    							span.innerHTML = "有被盗风险,建议使用字母、数字和符号两种及以上组合";
    						break;
    						case 2:
    							tip.className = "tip zhong";
    							span.innerHTML = "安全强度适中,可以使用三种以上的组合来提高安全强度";
    						break;
    						case 3:
    							tip.className = "tip qiang";
    							span.innerHTML = "你的密码很安全";
    						break
    					}
    					userTop.className = "userTop right";
    					return true;
    			}
    			
    		}
    	}
    	/*-----------输入密码是否一致判断-------------*/
    	psd1.onfocus = psd1.onblur = psd1.onkeyup = function(e){
    		_event = window.event||e;
    		pssd(_event);
    	}
    	/*定义一个函数*/
    	function pssd(_e){
    		//判断是什么事件
    		var t;
    		if(_e){
    			t = _e.type;
    		}
    		//得到文本框里面的值
    		var v = psd1.value;
    		//得到其父节点
    		var userTop = psd1.parentNode;
    		//得到父节点的下一个兄弟节点
    		var tip = userTop.nextElementSibling;
    		//得到tip里面的最后一个子节点
    		var span = tip.lastElementChild;
    		//获取焦点
    		if(t == "focus"){
    			//内容为空
    			if(v.length==0){
    				tip.className = "tip default";//改变节点信息
    				span.innerHTML = "请再次输入密码";
    				return false;
    			}
    		}
    		//失去焦点
    		if(t == "blur"){
    			//内容为空
    			if(v.length==0){
    				userTop.className = "userTop";
    				tip.className = "tip hidden";//改变节点信息
    				return false;
    			}
    		}
    		//键盘弹起
    		if(v.length==0){	//内容为空(输入后删去为空)
    			userTop.className = "userTop error";
    			tip.className = "tip error";
    			span.innerHTML = "请再次输入密码";
    			return false;
    		}else{	//内容不为空
    			//输入的字符串长度范条件
    			if(v!==psd.value){
    				userTop.className = "userTop error";
    				tip.className = "tip error";
    				span.innerHTML = "两次密码输入不一致";
    				return false;
    			}else{
    				userTop.className = "userTop right";
    				tip.className = "tip hidden";
    				return true;
    			}
    		}
    	}
    	/*-----------邮箱验证-------------*/
    	email.onfocus = email.onblur = email.onkeyup = function(e){
    		_event = window.event||e;
    		email1(_event);
    	}
    	/*定义一个函数*/
    	function email1(_e){
    		//判断是什么事件
    		var t;
    		if(_e){
    			t = _e.type;
    		}
    		//得到文本框里面的值
    		var v = email.value;
    		//得到其父节点
    		var userTop = email.parentNode;
    		//得到父节点的下一个兄弟节点
    		var tip = userTop.nextElementSibling;
    		//得到tip里面的最后一个子节点
    		var span = tip.lastElementChild;
    		//获取焦点
    		if(t == "focus"){
    			//内容为空
    			if(v.length==0){
    				tip.className = "tip default";//改变节点信息
    				span.innerHTML = "请输入邮箱账号";
    				return false;
    			}
    		}
    		//失去焦点
    		if(t == "blur"){
    			//内容为空
    			if(v.length==0){
    				userTop.className = "userTop";
    				tip.className = "tip hidden";//改变节点信息
    				return false;
    			}
    		}
    		//键盘弹起
    		if(v.length==0){	//内容为空(输入后删去为空)
    			userTop.className = "userTop error";
    			tip.className = "tip error";
    			span.innerHTML = "请输入邮箱";
    			return false;
    		}else{	//内容不为空
    			var reg = /^\w+@\w+(\.\w+)+$/;
    			//验证失败
    			if(!reg.test(v)){
    				userTop.className = "userTop error";
    				tip.className = "tip error";
    				span.innerHTML = "格式输入错误";
    				return false;
    			}else{	//验证成功
    				userTop.className = "userTop right";
    				tip.className = "tip hidden";
    				return true;
    			}
    		}
    	}
    	/*-----------手机验证-------------*/
    	phone.onfocus = phone.onblur = phone.onkeyup = function(e){
    		_event = window.event||e;
    		phones(_event);
    	}
    	/*定义一个函数*/
    	function phones(_e){
    		//判断是什么事件
    		var t;
    		if(_e){
    			t = _e.type;
    		}
    		//得到文本框里面的值
    		var v = phone.value;
    		//得到其父节点
    		var userTop = phone.parentNode;
    		//得到父节点的下一个兄弟节点
    		var tip = userTop.nextElementSibling;
    		//得到tip里面的最后一个子节点
    		var span = tip.lastElementChild;
    		//获取焦点
    		if(t == "focus"){
    			//内容为空
    			if(v.length==0){
    				tip.className = "tip default";//改变节点信息
    				span.innerHTML = "请输入手机号";
    				return false;
    			}
    		}
    		//失去焦点
    		if(t == "blur"){
    			//内容为空
    			if(v.length==0){
    				userTop.className = "userTop";
    				tip.className = "tip hidden";//改变节点信息
    				return false;
    			}
    		}
    		//键盘弹起
    		if(v.length==0){	//内容为空(输入后删去为空)
    			userTop.className = "userTop error";
    			tip.className = "tip error";
    			span.innerHTML = "请输入手机号";
    			return false;
    		}else{	//内容不为空
    			var reg = /^[1-3]\d{10}$/;
    			//验证失败
    			if(!reg.test(v)){
    				userTop.className = "userTop error";
    				tip.className = "tip error";
    				span.innerHTML = "格式输入错误";
    				return false;
    			}else{	//验证成功
    				userTop.className = "userTop right";
    				tip.className = "tip hidden";
    				return true;
    			}
    		}
    	}
    	/*---------------按钮控制----------------*/
    	btn.onclick = function(){
    		//得到其父节点
    		var userTop = ck.parentNode;
    		//得到父节点的下一个兄弟节点
    		var tip = userTop.nextElementSibling;
    		//得到tip里面的最后一个子节点
    		var span = tip.lastElementChild;
    		//同意注册
    		if(ck.checked){
    			
    			tip.className = "tip hidden";
    			//判断前面的信息是否全部输入正确
    			if(user()&&psdd()&&pssd()&&email1()&&phones()){
    				alert("可以注册");
    			}
    		}else{
    				userTop.className = "userTop error";
    				tip.className = "tip error";
    				span.innerHTML = "请同意注册协议";
    			}
    	}
    }
    
    
    
    
    
    
    
    展开全文
  • 京东注册

    2015-06-28 18:56:24
    post数据京东注册,下面的result 一直是{"info":"该用户名已被使用!"},请有这方面的经验的指教一下,卡了几十天了,小弟先在这里感谢了! 主要代码如下: HttpItem item = new HttpItem() { URL=regUrl, ...
  • 【实例简介】包含登陆注册商品列表商品详情订单收货地址等全套模板页面【实例截图】【核心代码】京东前端HTML模板全套└── 前台├── 404.html├── address.html├── bottomnav.html├── css│ ├── ...
  • 网址 https://reg.jd.com/reg/person?ReturnUrl=https%3A//item.jd.com/100004105123.html 期望效果 图片素材 https://misc.360buyimg.com/user/reg/3.0.0/css/i/icon.png ... 需要的技能 html ......
  • 说明: 1. 代码中的js脚本文件路径需替换为自己... border: 0"> 以上这篇(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
  • 京东前端HTML模板

    2018-12-17 14:52:47
    仿制京东前台模板,包括首页,注册,登录等。
  • 京东注册页面

    千次阅读 2015-08-28 00:38:32
    html> html> head lang="en"> meta charset="UTF-8"> title>title> style type="text/css"> *> ul li{ list-style-type:none; } body{ background-col
  • 一个用html的高仿京东登录页面和原创注册页面,自动适应手机和pc端。页面美化后自己比较喜欢,大家有其他想法的可以自行美化,也可以添加其他元素,现在这个注册页面没有加功能,大家可以自己添加功能,仅用来学习...
  • 京东登录注册页面.zip

    2020-08-17 11:21:46
    HTML5+css实现京东登录和的静态页面。新手学习,
  • 京东调查问券*{margin:0;padding: 0;}.box{width: 60%;margin:auto auto;}.box1{display:flex;justify-content:left;align-items: center;height: 95px;border-top:2px solid red;margin-top:-5px;}.box2{height: 60...
  • JS实现京东表单注册

    2020-11-21 09:35:04
    首先看下效果图 HTML代码如下 <!DOCTYPE html> <html lang="en"> ...meta name="viewport" content="width=device-width, initial-scale=1.0">...京东</title> <style> *{
  • html实现京东网页

    2020-12-21 12:19:38
    html京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物! <!-- 顶部导航条用来居中的盒子 --> <div class="juzhonghezi"> <!-- 左侧位置盒子 --> <div ...
  • 网页包含购物车(实现了小计和总计,修改删除功能)、主界面、商品详细页面(仿京东)、注册页面。使用谷歌浏览器打开,
  • 学习京东商城(HTML和CSS实现京东商城网站),本文实现该系统的功能截图,HTML和CSS部分关键语句,系统功能图等供大家学习参考 本页面模仿京东商城 本系统完全模仿京东商城写的页面,页面功能齐全 技术实现 采用...
  • HTML和CSS实现京东首页(html和css详解)

    千次阅读 多人点赞 2020-12-20 18:54:57
    HTML和CSS实现京东首页,效果图如下: 基本代码如下:需要源代码和素材的加Q(2997381395) <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>京东(JD....
  • 京东登录界面,web入门,新手用。html+css3。
  • 包含登陆注册商品列表商品详情订单收货地址等全套模板页面
  • 如何注册京东云申请图片上传

    千次阅读 2017-08-26 18:26:09
    该案例是实际开发中注册京东云实现图片上传 1.在京东云官网(https://www.jcloud.com/index)注册账号: 2. 注册成功后登录京东云: 3.登录成功后点击右上角“控制台“进入如下截图,点击该账号创建...
  • HTML+CSS仿作京东页面

    千次阅读 多人点赞 2020-12-12 18:59:24
    HTML+CSS仿作京东页面 大一学了一个月的网页制作课程,就在今天,我对京东页面下手了。 我用的是旧版京东的素材。。。 先上效果图 接下来让我们看看HTML代码 <!DOCTYPE html> <html lang="en"> <...
  • 京东广告轮播自动,鼠标悬浮停止 html5代码 &amp;lt;!doctype html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=...
  • 京东/* 解决高度塌陷的问题 */.clearfix::before,.clearfix::after{content: table;clear:both;}body{/* 设置字体以及字体的大小和行高 */font: 12px/5.5 微软雅黑;}.top-bar-wrapper{/* 设置盒子宽度 */width: 100%...
  • 京东首页html+css1.0

    千次阅读 2019-03-11 08:23:00
    小菜鸟的学习记录,还望各位猿兄不吝赐教 效果图 源码 HTML文件 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;...京东(JD.COM)
  •  京东商城(3)----京东商城注册页面 网页效果: 网页源代码(入需其他源代码,请在评论下方留言): <!DOCTYPE html> <html lang="en"> <head> <meta charse...
  • 京东-index.html

    2019-05-31 23:09:27
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物!...meta name="description" content="京东JD...
  • html+css模拟京东商城登陆首页

    万次阅读 多人点赞 2018-09-28 17:32:28
    目录@TOC 最近学一下html+css,按照老师傅的指导,新手最好的方法不是...觉得入门了啊,怎么去验证下呢,做点东西吧,京东登陆页面搜出来:https://passport.jd.com/new/login.aspx,开始按这个模拟。 页面整体架构...
  • 下面小编就为初学者们分享一篇(模仿京东用户注册)用JQuery实现简单表单验证,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,902
精华内容 3,560
关键字:

京东注册html