<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>
    <title>gulimall注册页面</title>
    <script src="/static/reg/libs/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/reg/js/jQuery/jquery-3.1.1.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/reg/bootStrap/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/static/reg/sass/index.css"/>
    <link rel="stylesheet" type="text/css" href="/static/reg/css/index.css">

</head>
<body>
<div class="laoda" style="margin: 0 auto;">
    <div class="zong">
        <div class="tou">
            <p><b>谷粒商城用户注册协议和隐私政策</b></p>
            <a href="/static/reg/https://www.jd.com/" class="cuo"><span class="glyphicon glyphicon-remove"></span></a>
        </div>
        <div class="zt">

            <div class="protocol-con">
                <div class="WordSection1" style="layout-grid:15.6pt">

                    <p class="MsoNormal" style="line-height:150%"><span style="mso-bookmark:OLE_LINK6"><span
                            style="mso-bookmark:OLE_LINK5">
							<b style="mso-bidi-font-weight:normal"><u><span style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-ascii-font-family:
Calibri;mso-fareast-font-family:宋体;">在<span class="GramE">您注册</span>成为谷粒商城用户的过程中，您需要完成我们的注册流程并通过点击同意的形式<span
                                    class="GramE">在线签署</span> 以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（尤其是以粗体并下划线标识的条款，因为这些条款可能会明确您应履行的义务或对您的权利有所限制）：
							</span>
							</u>
							</b>
							</span>
							</span><span style="mso-bookmark:OLE_LINK6"><span style="mso-bookmark:OLE_LINK5">
							<b style="mso-bidi-font-weight:normal"><u><span lang="EN-US" style="mso-bidi-font-size:
10.5pt;line-height:150%"><o:p></o:p></span></u>
							</b>
							</span>
							</span>
                    </p>

                    <p class="MsoNormal" style="line-height:150%"><b style="mso-bidi-font-weight:
normal"><u><span lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%;
color:red"><a href="/static/reg/https://in.m.jd.com/help/app/register_info.html" target="_blank"><span lang="EN-US"
                                                                                                       style="font-family:宋体;mso-ascii-theme-font:
minor-latin;mso-fareast-font-family:宋体;color:red"><span lang="EN-US">《谷粒商城用户注册协议》</span></span></a><o:p></o:p></span></u></b>
                    </p>

                    <div style=" width: 100%; height: 130px;">
                        <div style="float:left;width:50%">
                            <p class="MsoNormal" style="line-height:150%">
									<span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u>
												<span lang="EN-US"
                                                      style="mso-bidi-font-size:10.5pt;line-height:150%">1</span>
									</u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u>
												<span style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">、</span>
									</u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u>
												<span style="mso-bidi-font-size:10.5pt;line-height:150%"> </span>
									</u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
										<u><span
                                                style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">本站服务条款的确认和接纳</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
											<u><span lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u>
									</b>
									</span>
									</span>
                            </p>

                            <p class="MsoNormal" style="line-height:150%">
									<span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
									<b style="mso-bidi-font-weight:normal">
										<u><span lang="EN-US"
                                                 style="mso-bidi-font-size:10.5pt;line-height:150%">2</span></u>
									</b>
									</span>
									</span><span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
									<b style="mso-bidi-font-weight:normal">
										<u><span
                                                style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">、</span></u>
									</b>
									</span>
									</span><span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span style="mso-bidi-font-size:10.5pt;line-height:150%"> </span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span
                                                    style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">本站服务</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
											<u><span lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u>
									</b>
									</span>
									</span>
                            </p>

                            <p class="MsoNormal" style="line-height:150%"><span style="mso-bookmark:OLE_LINK6"><span
                                    style="mso-bookmark:OLE_LINK5"><b style="mso-bidi-font-weight:normal"><u><span
                                    lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%">3</span></u>
									</b>
									</span>
									</span><span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
									<b style="mso-bidi-font-weight:normal">
										<u><span
                                                style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">、</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u><span style="mso-bidi-font-size:10.5pt;line-height:150%"> </span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
									     <b style="mso-bidi-font-weight:normal">
									     	<u><span
                                                    style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">用户信息</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u><span lang="EN-US"
                                                         style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u>
									</b>
									</span>
									</span>
                            </p>

                            <p class="MsoNormal" style="line-height:150%">
									<span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span lang="EN-US"
                                                     style="mso-bidi-font-size:10.5pt;line-height:150%">4</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span
                                                    style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">、</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span style="mso-bidi-font-size:10.5pt;line-height:150%"> </span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
											<u><span
                                                    style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">用户依法言行义务</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u><span lang="EN-US"
                                                         style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u>
									</b>
									</span>
									</span>
                            </p>

                            <p class="MsoNormal" style="line-height:150%">
									<span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span lang="EN-US"
                                                     style="mso-bidi-font-size:10.5pt;line-height:150%">5</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
									<b style="mso-bidi-font-weight:normal">
										<u><span
                                                style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">、商品信息</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
											<u><span lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u>
									</b>
									</span>
									</span>
                            </p>

                            <p class="MsoNormal" style="line-height:150%">
									<span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
									<b style="mso-bidi-font-weight:normal">
										<u><span lang="EN-US"
                                                 style="mso-bidi-font-size:10.5pt;line-height:150%">6</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
									<b style="mso-bidi-font-weight:normal">
										<u><span
                                                style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">、订单</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u><span lang="EN-US"
                                                         style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u>
									</b>
									</span>
									</span>
                            </p>

                        </div>

                        <div style="float:left;">

                            <p class="MsoNormal" style="line-height:150%">
									<span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span lang="EN-US"
                                                     style="mso-bidi-font-size:10.5pt;line-height:150%">7</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
											<u><span
                                                    style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">、</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
											<u><span style="mso-bidi-font-size:10.5pt;line-height:150%"> </span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span
                                                    style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">配送</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u><span lang="EN-US"
                                                         style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u>
									</b>
									</span>
									</span>
                            </p>

                            <p class="MsoNormal" style="line-height:150%">
									<span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span lang="EN-US"
                                                     style="mso-bidi-font-size:10.5pt;line-height:150%">8</span></u>
									</b>
									</span>
									</span><span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
									<b style="mso-bidi-font-weight:normal">
										<u><span
                                                style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">、</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
										<u><span style="mso-bidi-font-size:10.5pt;line-height:150%"> </span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span
                                                    style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">所有权及知识产权条款</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
											<u><span lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u>
									</b>
									</span>
									</span>
                            </p>

                            <p class="MsoNormal" style="line-height:150%">
									<span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span lang="EN-US"
                                                     style="mso-bidi-font-size:10.5pt;line-height:150%">9</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
									<b style="mso-bidi-font-weight:normal">
										<u><span
                                                style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">、</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span style="mso-bidi-font-size:10.5pt;line-height:150%"> </span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
									<b style="mso-bidi-font-weight:normal">
										<u><span
                                                style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">责任限制及不承诺担保</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
									<b style="mso-bidi-font-weight:normal">
										<u><span lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u>
									</b>
									</span>
									</span>
                            </p>

                            <p class="MsoNormal" style="line-height:150%">
									<span style="mso-bookmark:OLE_LINK6">
									<span style="mso-bookmark:OLE_LINK5">
									<b style="mso-bidi-font-weight:normal">
										<u><span lang="EN-US"
                                                 style="mso-bidi-font-size:10.5pt;line-height:150%">10</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u><span
                                                        style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">、</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal"><u><span
                                                    style="mso-bidi-font-size:10.5pt;line-height:150%"> </span></u>
									</b>
									</span>
									</span><span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u><span
                                                        style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">协议更新及用户关注义务</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u><span lang="EN-US"
                                                         style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u>
									</b>
									</span>
									</span>
                            </p>

                            <p class="MsoNormal" style="line-height:150%">
									<span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span lang="EN-US"
                                                     style="mso-bidi-font-size:10.5pt;line-height:150%">11</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u><span
                                                        style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">、</span></u>
									</b>
									</span>
									</span><span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
										<b style="mso-bidi-font-weight:normal">
											<u><span style="mso-bidi-font-size:10.5pt;line-height:150%"> </span></u>
									</b>
									</span>
									</span><span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u><span
                                                        style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">法律管辖和适用《谷粒商城隐私政策》</span></u>
									</b>
									</span>
									</span>
                                <span style="mso-bookmark:OLE_LINK6">
										<span style="mso-bookmark:OLE_LINK5">
											<b style="mso-bidi-font-weight:normal">
												<u><span lang="EN-US"
                                                         style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u>
									</b>
									</span>
									</span>
                            </p>
                        </div>
                    </div>
                    <div style="clear:both"></div>
                    <br>

                    <p class="MsoNormal" style="line-height:150%">
                        <b style="mso-bidi-font-weight:normal">
                            <u><span lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%;color:red">
									<a href="/static/reg/https://in.m.jd.com/help/app/private_policy.html"
                                       target="_blank">
										<span lang="EN-US"
                                              style="font-family:宋体;mso-fareast-font-family:宋体;;color:red">
											<span lang="EN-US">隐私政策</span></span></a><o:p></o:p></span></u></b></p>

                    <p class="MsoNormal" style="line-height:150%">
                        <b style="mso-bidi-font-weight:normal">
                            <u><span
                                    style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">在
									<span class="GramE">您注册</span>
									成为谷粒商城用户的过程中，您需要完成我们的注册流程并通过点击同意的形式
									<span class="GramE">在线签署</span>
									以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（尤其是以粗体并下划线标识的条款，因为这些条款可能会明确您应履行的义务或对您的权利有所限制）：</span></u></b>
                        <b style="mso-bidi-font-weight:normal">
                            <u><span lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u></b>
                    </p>

                    <span style="mso-bookmark:OLE_LINK18"></span><span style="mso-bookmark:OLE_LINK17"></span>

                    <p class="MsoNormal" style="line-height:150%"><span lang="EN-US" style="mso-bidi-font-size:
10.5pt;line-height:150%"><o:p>&nbsp;</o:p></span></p>
                </div>
            </div>

        </div>
        <div class="dibu">
            <a href="/static/reg/https://www.jd.com/">
                <button class="quxiao">取消</button>
            </a>
            <button class="ty">同意并继续</button>
        </div>
    </div>
</div>


<header style="margin: 0 auto;">
    <a href="http://gulimall.com"
       class="logo"><img src="/static/reg/img/logo1.jpg" alt=""></a>
    <div class="desc">欢迎注册</div>
    <div class="dfg">
        <span>已有账号？</span>
        <a href="http://auth.gulimall.com/login.html">请登录</a>
    </div>
</header>
<section style="margin: 0 auto;">
    <form action="/regist" method="post" class="one">
		<div class="tips" style="color:red;"
			 th:text="${errors!=null?(#maps.containsKey(errors,'msg')?errors.msg:''):''}">
		</div>
		<div class="register-box">
            <label class="username_label">用 户 名
                <input maxlength="20" name="userName" type="text" placeholder="您的用户名和登录名">
            </label>
            <div class="tips" style="color:red;"
				 th:text="${errors!=null?(#maps.containsKey(errors,'userName')?errors.userName:''):''}"></div>
        </div>
        <div class="register-box">
            <label class="other_label">设 置 密 码
                <input maxlength="20" name="password" type="password" placeholder="建议至少使用两种字符组合">
            </label>
            <div class="tips" style="color:red;"
				 th:text="${errors!=null?(#maps.containsKey(errors,'password')?errors.password:''):''}"></div>
        </div>
        <div class="register-box">
            <label class="other_label">确 认 密 码
                <input maxlength="20" type="password" placeholder="请再次输入密码">
            </label>
            <div class="tips"></div>
        </div>
        <div class="register-box">
            <label class="other_label">
                <span>中国 +86</span>
                <input class="phone" name="phone" id="phontNum" maxlength="20" type="text" placeholder="建议使用常用手机">
            </label>
            <div class="tips" style="color:red;"
				 th:text="${errors!=null?(#maps.containsKey(errors,'phone')?errors.phone:''):''}"></div>
        </div>
        <div class="register-box">
            <label class="other_label">验 证 码
                <input maxlength="20"  name="code" type="text" placeholder="请输入验证码" class="caa">
            </label>
			<div class="tips" style="color:red;"
				 th:text="${errors!=null?(#maps.containsKey(errors,'code')?errors.code:''):''}"></div>

            <a id="sendCode">发送验证码</a>
        </div>
        <div class="arguement">
            <input type="checkbox" id="xieyi"> 阅读并同意
            <a href="/static/reg/#">《谷粒商城用户注册协议》</a>
            <a href="/static/reg/#">《隐私政策》</a>
            <div class="tips">

            </div>
            <br/>
            <div class="submit_btn">
                <button type="submit" id="submit_btn">立 即 注 册</button>
            </div>
        </div>

    </form>
    <div class="two">
        <div class="right_r">
            <div class="right_r1">
                <img src="/static/reg/img/a65a18e877a16246a92e1b755bd88a03_03.png"/>
                <span>企业用户注册</span>
            </div>
            <div class="right_r2">
                <img src="/static/reg/img/a65a18e877a16246a92e1b755bd88a03_06.png"/>
                <span>INTERNATIONAL <br/> CUSTOMERS</span>
            </div>
        </div>
    </div>
</section>
<br/><br/>
<hr>
<div class="footer" style="margin: 0 auto;">
    <ul>
        <li>
            <a href="/static/reg/">关于我们</a>
        </li>
        <li>|</li>
        <li>
            <a href="/static/reg/">联系我们</a>
        </li>
        <li>|</li>
        <li>
            <a href="/static/reg/">人次招聘</a>
        </li>
        <li>|</li>
        <li>
            <a href="/static/reg/">商家入驻</a>
        </li>
        <li>|</li>
        <li>
            <a href="/static/reg/">广告服务</a>
        </li>
        <li>|</li>
        <li>
            <a href="/static/reg/">手机谷粒商城</a>
        </li>
        <li>|</li>
        <li>
            <a href="/static/reg/">友情链接</a>
        </li>
        <li>|</li>
        <li>
            <a href="/static/reg/">销售联盟</a>
        </li>
        <li>|</li>
        <li>
            <a href="/static/reg/">谷粒商城社区</a>
        </li>
        <li>|</li>
        <li>
            <a href="/static/reg/">谷粒商城公益</a>
        </li>
        <li>|</li>
        <li>
            <a href="/static/reg/">English Site</a>
        </li>
    </ul>
</div>
<p class="bq">Copyright©2004-2016 谷粒商城gulimall.com 版权所有</p>
<br/><br/>
<script type="text/javascript" charset="utf-8">
    $(function () {
        var stuList = getStuList(); //设置传送信息：学生的集合

        //聚焦失焦input
        $('input').eq(0).focus(function () {
            if ($(this).val().length == 0) {
                $(this).parent().next("div").text("支持中文，字母，数字，'-'，'_'的多种组合");
            }
        })
        $('input').eq(1).focus(function () {
            if ($(this).val().length == 0) {
                $(this).parent().next("div").text("建议使用字母、数字和符号两种以上的组合，6-20个字符");
            }
        })
        $('input').eq(2).focus(function () {
            if ($(this).val().length == 0) {
                $(this).parent().next("div").text("请再次输入密码");
            }
        })
        $('input').eq(3).focus(function () {
            if ($(this).val().length == 0) {
                $(this).parent().next("div").text("验证完后，你可以使用该手机登陆和找回密码");
            }
        })

        //用户名：
        $('input').eq(0).blur(function () {
            if ($(this).val().length == 0) {
                $(this).parent().next("div").text("");
                $(this).parent().next("div").css("color", '#ccc');
            } else if ($(this).val().length > 0 && $(this).val().length < 4) {
                $(this).parent().next("div").text("长度只能在4-20个字符之间");
                $(this).parent().next("div").css("color", 'red');
            } else if ($(this).val().length >= 4 && !isNaN($(this).val())) {
                $(this).parent().next("div").text("用户名不能为纯数字");
                $(this).parent().next("div").css("color", 'red');
            } else {
                for (var m = 0; m < stuList.length; m++) {
                    if ($(this).val() == stuList[m].name) {
                        $(this).parent().next("div").text("该用户名已被注册");
                        $(this).parent().next("div").css("color", 'red');
                        return;
                    }
                }
                $(this).parent().next("div").text("");
            }
        })
        //密码
        $('input').eq(1).blur(function () {
            if ($(this).val().length == 0) {
                $(this).parent().next("div").text("");
                $(this).parent().next("div").css("color", '#ccc');
            } else if ($(this).val().length > 0 && $(this).val().length < 6) {
                $(this).parent().next("div").text("长度只能在6-20个字符之间");
                $(this).parent().next("div").css("color", 'red');
            } else {
                $(this).parent().next("div").text("");
            }
        })
        //	确认密码
        $('input').eq(2).blur(function () {
            if ($(this).val().length == 0) {
                $(this).parent().next("div").text("");
                $(this).parent().next("div").css("color", '#ccc');
            } else if ($(this).val() != $('input').eq(1).val()) {
                $(this).parent().next("div").text("两次密码不匹配");
                $(this).parent().next("div").css("color", 'red');
            } else {
                $(this).parent().next("div").text("");
            }
        })
        //	手机号
        $('input').eq(3).blur(function () {
            if ($(this).val().length == 0) {
                $(this).parent().next("div").text("");
                $(this).parent().next("div").css("color", '#ccc');
            } else if ($(this).val().substr(0, 3) != 138 && $(this).val().substr(0, 3) != 189 && $(this).val().substr(0, 3) != 139 && $(this).val().substr(0, 3) != 158 && $(this).val().substr(0, 3) != 188 && $(this).val().substr(0, 3) != 157 || $(this).val().length != 11) {
                $(this).parent().next("div").text("手机号格式不正确");
                $(this).parent().next("div").css("color", 'red');
            } else {
                $(this).parent().next("div").text("");
            }
        })
        //	验证码验证
        $('input').eq(4).blur(function () {
            if ($(this).val().length == 0) {
                $(this).parent().next().next("div").text("");
                $(this).parent().next().next("div").css("color", '#ccc');
            } else if ($(this).val().toUpperCase() != $("#code").text().toUpperCase()) {
                $(this).parent().next().next("div").text("验证码不正确");
                $(this).parent().next().next("div").css("color", 'red');
            } else {
                $(this).parent().next().next("div").text("");
            }
        })

        //  建立构造函数，构造学生信息模板
        function Student(name, password, tel, id) {
            this.name = name;
            this.password = password;
            this.tel = tel;
            this.id = id;
        }

        //	获取之前所有已经注册的用户集合
        function getStuList() {
            var list = localStorage.getItem('stuList');
            if (list != null) {
                return JSON.parse(list);
            } else {
                return new Array();
            }
        }

    })
    $(".ty").click(function () {
        $(".zong").hide();
        $(".laoda").hide();
    });
    $(".cuo").click(function () {
        $(".zong").hide();
    });

	$(function () {
		$('#sendCode').click(function () {
			// 2. 倒计时效果
			//setTimeout("timeoutChangeStyle()", 1000);
			if ($(this).hasClass("disabled")){
				// 正在倒计时
			} else {
				// 1. 给指定手机号发送验证码
				$.get("/sms/sendcode?phone=" + $("#phontNum").val(), function (data) {
					if (data.code !== 0) {
						alert(data.msg);
					}

				});
				timeoutChangeStyle();
			}

		});
	})
	var num = 60;
	function timeoutChangeStyle () {
		$("#sendCode").attr("class", "disabled");
		if (num === 0) {
			$('#sendCode').text("发送验证码");
			$("#sendCode").attr("class", "");
			num = 60;
		} else {
			var str = num + 's 后再次发送';
			$('#sendCode').text(str);
			setTimeout("timeoutChangeStyle()", 1000);
		}
		num -- ;
	}
</script>
</body>

</html>
