<div class="new-reserve-layout new-reserve-layout-booking" > <div class="new-reserve-layout-hd"> <h2>填写您的手机号码立即预约</h2> <p class="new-reserve-layout-hd-tip">抢购时请使用<strong>手机号码</strong>作为帐号登录购买</p> <span class="new-reserve-layout-close">×</span> </div> <form method="post" id="subsribe-form" onsubmit="return ec.dacu.subscribe(this)" autocomplete="off"> <div class="new-reserve-layout-bd"> <div class="new-reserve-layout-booking-bd"> <ul class="clearfix"> <li class="new-reserve-booking-phone"> <input type="text" id="mobile" class="text ime-disabled" onKeyUp="return ol.form.input.phoneChang(this)" name="mobile" maxlength="11" placeholder="手机号码（不要填错哟！）" /><p class="new-reserve-booking-tip"><span id="mobile-msg" class="hide">请输入正确手机号码！</span></p> </li> <li class="new-reserve-booking-code" style="display:none"> <input type="text" class="verify ime-disabled" id="code" name="code" maxlength="4" placeholder="验证码" /><p class="new-reserve-booking-tip"><span class="hide" id="code-msg">您输入的验证码不正确</span></p> <img id="randomCodeImg" src="" onClick="ec.dacu.changeRandomCode();" /><p class="new-reserve-booking-code-txt"><a href="javascript:;" onClick="ec.dacu.changeRandomCode();">看不清，换一张</a></p> </li> </ul> <p class="new-reserve-booking-agree"> <label for="agreement" class="vam"><input type="checkbox" class="checkbox vam" id="agreement" checked />我已阅读并同意</label><a class="vam" href="javascript:;" title="预约协议" onclick="ec.dacu.showAgreement()">《预约协议》</a> </p> <p class="new-reserve-booking-tip new-reserve-booking-tip-agree hide" id="agreement-msg" >请先勾选同意《预约协议》后再提交</p> </div> </div> <div class="new-reserve-layout-f"><a href="javascript:;" onclick="ec.dacu.subscribe(this)" title="确定">确定</a></div> </form> </div> <!-- 20140417-new-reserve-预约协议-start --> <div class="new-reserve-layout new-reserve-layout-rule"> <div class="new-reserve-layout-hd"> <h2>预约协议</h2> <span class="new-reserve-layout-close">×</span> </div> <div class="new-reserve-layout-bd"> <div class="new-reserve-layout-rule-bd" > <dl> <dt>预约须遵守以下活动规则：</dt> <dd>1、 用户填写的手机号码必须真实有效，若发现手机号码作假，将取消其预约资格；每个手机号码仅能参与一次预约；对于使用他人手机号码的用户，一经核实，预约权限作废。</dd> <dd>2、 非华为注册用户参与预约，视为同意《华为帐号服务条款、华为隐私政策》，自动成为华为注册用户。帐号为预约手机号，初始密码将由短信通知，收到短信通知后，请登录华为商城（www.vmall.com）及时修改密码。如丢失初始密码，可通过忘记密码功能找回。</dd> <dd>3、 为保障您的帐号安全，请妥善保管您的密码。如因密码保管不善造成的经济损失由个人承担。</dd> <dd>4、 用户在此活动中涉及联系电话的隐私信息，主办方将予以严格保密，除非得到用户的授权或法律另有规定，主办方不会向外界披露用户隐私信息。</dd> <dd>5、 主办方在法律允许的范围内保留对本次活动的解释权。</dd> </dl> </div> </div> <div class="new-reserve-layout-f"><a href="javascript:;" id="accept-agreement" title="同意并继续">同意并继续</a></div> </div> <!-- 20140225-new-reserve-弹窗遮罩层-end --> <!-- 20140225-new-reserve-已经预约过提示-start --> <div class="new-reserve-box"> <div class="box-ct"> <div class="box-header"> <div class="box-tl"></div> <div class="box-tc"> <div class="box-tc1"></div> <div class="box-tc2"><a href="javascript:;" onclick="return false;" title="关闭" class="box-close"></a><span class="box-title"></span></div> </div> <div class="box-tr"></div> </div> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="box-cl"></td> <td class="box-cc"> <div class="box-content"> <div class="new-reserve-box-once"> <span class="new-reserve-box-icon-2"></span> <p class="new-reserve-box-h">您已预约过了，<br />每个用户只需预约一次！</p> <p><span class="new-reserve-box-time">6月14日10:08</span>开始发售，本轮预约用户具备购买资格</p> </div> </div> </td> <td class="box-cr"></td> </tr> </tbody> </table> <div class="box-bottom"> <div class="box-bl"></div> <div class="box-bc"></div> <div class="box-br"></div> </div> </div> </div><!-- 20140225-new-reserve-已经预约过提示-end --> <!-- 20140225-new-reserve-参与人数太多-start --> <div class="new-reserve-box"> <div class="box-ct"> <div class="box-header"> <div class="box-tl"></div> <div class="box-tc"> <div class="box-tc1"></div> <div class="box-tc2"><a href="javascript:;" onclick="return false;" title="关闭" class="box-close"></a><span class="box-title"></span></div> </div> <div class="box-tr"></div> </div> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="box-cl"></td> <td class="box-cc"> <div class="box-content"> <div class="new-reserve-box-try"> <span class="new-reserve-box-icon-1"></span> <p class="new-reserve-box-h">哎哟，当前参与人数太多了</p> <p>错开高峰期再试会更通畅哦！</p> </div> </div> </td> <td class="box-cr"></td> </tr> </tbody> </table> <div class="box-bottom"> <div class="box-bl"></div> <div class="box-bc"></div> <div class="box-br"></div> </div> </div> </div><!-- 20140225-new-reserve-参与人数太多-end --> <!-- 20140225-new-reserve-html-end -->