</ iframe ></noscript> <!--End Google Tag Manager(noscript)--> <div id="header" class="top"> <div class="header_logo"> <div class="top1"> <div class="logo1"> </div> <div class="xyonghu">歡迎註冊</div> </div> <div class="top2">我已註冊，現在就去<a href="/User/login.aspx">登入</a></div> </div> </div> <style> .gt_holder .gt_slider_knob { z-index: 0; } </style> <form name="aspnetForm" method="post" action="./register" id="aspnetForm"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE1OTg4MjEwMjUPFgIeE1ZhbGlkYXRlUmVxdWVzdE1vZGUCARYCZg9kFgJmD2QWAgICD2QWFAIJDxYCHgRUZXh0BQzpm7vlrZDkv6HnrrFkAhEPFgIeB1Zpc2libGVnZAITDxYCHwJnZAIVDxYCHwJnZAIXDxYCHwJnZAIZDxYCHwJnZAIdDxYCHwJnZAIfDxYCHgVzdHlsZQUNZGlzcGxheTpub25lO2QCIQ8WAh8DBQ5kaXNwbGF5OmJsb2NrO2QCKQ9kFgJmD2QWAgIBDxYCHgtfIUl0ZW1Db3VudGZkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYEBQ9yZWdpc3RlciRjaGtNYW4FEXJlZ2lzdGVyJGNoa1dvbWFuBRFyZWdpc3RlciRjaGtXb21hbgURcmVnaXN0ZXIkY2hrQWdyZWWA+QVFBLMQfKgX0f5mU2v79BHLyg==" /> <script type="text/javascript"> //<![CDATA[ $(function () { $('#txtBirthday').datetimepicker({minView:2,format:'yyyy-mm-dd',language:'zh-TW',weekStart:1,todayBtn:1,autoclose:1,todayHighlight:1,startView:2,forceParse:0,showMeridian:1, }); });//]]> </script> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="799CC77D" /> <div class="zhuce"> <input type="hidden" name="register$hidRegisterok" id="hidRegisterok" value="0" /> <input type="hidden" name="register$hidIsValidateEmail" id="hidIsValidateEmail" value="0" /> <input type="hidden" name="register$hidIsOpenGeetest" id="hidIsOpenGeetest" value="0" /> <div></div> <div class="zhuce_con"> <div class="zhuce_con_l"> <div style="clear:both;"></div> <div> <div class="zc_name"> <em id="utitle">電子信箱</em> <span><input name="register$txtUserName" type="text" id="txtUserName" tabindex="1" class="zhuce_input1" name="txtUserName" onblur="checkLength(this)" /></span> <script type="text/javascript"> var c; function checkLength(thisObj) { var value = thisObj.value; if (value.trim().length == 0) return; if ($("#utitle").html() == "電子信箱") { validateRegExp.username = "^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$"; validatePrompt.username.error.beUsed = "該電子信箱已被使用，請更換，如果您是"{1}"，請<a href='/user/login.aspx' class='flk13'>登入</a>"; validatePrompt.username.error.badFormat = "會員帳號只能用電子信箱註冊"; } else if ($("#utitle").html() == "手機號碼") { validateRegExp.username = /[0-9]{9,11}$/g; validatePrompt.username.error.beUsed = "該手機號碼已被使用，請更換，如果您是"{1}"，請<a href='/user/login.aspx' class='flk13'>登入</a>"; validatePrompt.username.error.badFormat = "電子信箱只能用手機號碼註冊"; } if (c != value && c) { refreshCode(); if (captchaObj) { captchaObj.refresh(); } } c = value; var r = /[0-9]{9,11}$/g; if (r.test(value)) { $("#normaldiv").css("display", "block"); if ($("#emimgcode").text() == "電子信箱驗證碼") { refreshCode(); } $("#txtNumber").val(""); $("#emimgcode").text("圖形驗證碼"); if ($("#hidIsOpenGeetest").val() == "0") { $("#imgVerifyCode").show(); $("#spanimagecode").show(); $("#divimgcode").show(); $("#divGeetest").hide(); } else { $("#divimgcode").hide(); $("#divGeetest").show(); } $("#btnSendEmail").hide(); } else { $("#normaldiv").css("display", "none"); if ($("#hidIsOpenGeetest").val() == "0") { $("#divimgcode").show(); $("#divGeetest").hide(); } else { $("#divGeetest").show(); $("#divimgcode").hide(); } if ($("#hidIsValidateEmail").val() == "1") { $("#emimgcode").text("電子信箱驗證碼"); $("#divGeetest").css("display", "none"); $("#imgVerifyCode").hide(); $("#btnSendEmail").show(); $("#spanimagecode").hide(); $("#divimgcode").show(); refreshCode2(); } } } </script> <span id="txtUserName_succeed" class="zc_tishi">帳號可用</span> <span class="zc_tishi2" id="txtUserName_error"></span> </div> <div class="zc_name"> <em> 密碼</em> <span> <input name="register$txtPassword" type="password" id="txtPassword" tabindex="4" class="zhuce_input1" name="txtPassword" /> </span> <span id="txtPassword_succeed" class="zc_tishi">密碼可用</span> <span class="zc_tishi2" id="txtPassword_error"></span> </div> <div class="zc_anquan" id="pwdstrength"> <em>密碼安全度</em> <b></b> </div> <div></div> <div class="zc_name"> <em>確認密碼</em> <span><input name="register$txtPassword2" type="password" id="txtPassword2" tabindex="5" class="zhuce_input1" name="txtPassword2" /></span> <span id="txtPassword2_succeed" class="zc_tishi">密碼輸入正確</span> <span class="zc_tishi2" id="txtPassword2_error"></span> </div> <div id="divRealName" class="zc_name"> <em>姓名</em> <span> <input name="register$txtRealName" type="text" id="txtRealName" tabindex="6" class="zhuce_input1" name="txtRealName" /> </span> <span class="zc_tishi2" id="txtRealName_error"></span> </div> <div id="divSex" class="zc_name"> <em>性別</em> <span> <span class="icheck"><input id="register_chkMan" type="radio" name="register$Sex" value="chkMan" checked="checked" /><label for="register_chkMan">男士</label></span> <span class="icheck"><input id="register_chkWoman" type="radio" name="register$Sex" value="chkWoman" /><label for="register_chkWoman">女士</label></span> </span> <span class="zc_tishi2" id="txtSex_error"></span> </div> <div id="divBirthday" class="zc_name"> <em>生日</em> <span> <input name="register$txtBirthday" type="text" id="txtBirthday" tabindex="8" class="zhuce_input1" name="txtBirthday" readonly="readonly" /> </span> <span class="zc_tishi2" id="txtBirthday_error"></span> </div> <div id="divPhone" class="zc_name"> <em>手機</em> <span> <input name="register$txtPhone" type="text" id="txtPhone" tabindex="9" class="zhuce_input1" name="txtPhone" /> </span> <span class="zc_tishi2" id="txtPhone_error"></span> </div> <div id="divLineID" class="zc_name"> <em>LINE ID</em> <span> <input name="register$txtLineID" type="text" id="txtLineID" tabindex="10" class="zhuce_input1" name="txtLineID" /> </span> <span class="zc_tishi2" id="txtLineID_error"></span> </div> <div id="divLiveArea" class="zc_name"> <em>所在區域</em> <span> <input name="register$txtLiveArea" type="text" id="txtLiveArea" tabindex="12" class="zhuce_input1" name="txtLiveArea" /> </span> <span class="zc_tishi2" id="txtLiveArea_error"></span> </div> <div id="divGeetest" class="zc_name" style="display:none;"> <em id="utitle">滑動驗證</em> <span id="captcha"></span> </div> <div id="divimgcode" class="zc_name" style="display:block;"> <em class="yanzhengma" id="emimgcode">圖形驗證碼</em> <span><input name="register$txtNumber" type="text" maxlength="4" id="txtNumber" tabindex="9" class="zhuce_input2" autocomplete="off" /></span> <div> <span class="yanzheng_input2"><img id="imgVerifyCode" src='' style="vertical-align: middle; border-style: none;" alt="" /></span> <span class="yanzheng_input4" id="spanimagecode">看不清？<a href="javascript:refreshCode();">換一張</a></span> <span><input type="button" value="發送驗證碼" id="btnSendEmail" class="yanzheng_input3" style="display:none;" /></span> <span id="txtNumber_succeed" class="zc_tishi">驗證碼輸入正確</span> <span class="zc_tishi2" id="txtNumber_error"></span> </div> </div> <div class="zc_name" id="normaldiv" style="display:none;"> <em class="yanzhengma">簡訊驗證碼</em> <span><input name="register$txtPhoneCode" type="text" maxlength="4" id="txtPhoneCode" tabindex="11" class="zhuce_input2" autocomplete="off" /></span> <div class="yanzheng_input2"> <span><input id="phoneVerifyCode" type="button" value="獲取驗證碼" class="yanzheng_input3" /></span> </div> <span id="txtPhoneCode_succeed" class="zc_tishi">手機驗證碼輸入正確</span> <span class="zc_tishi2" id="txtPhoneCode_error"></span> </div> <div class="zc_xieyi"> <span class="xy_xuanze" name="chkAgree"><input id="chkAgree" type="checkbox" name="register$chkAgree" checked="checked" tabindex="12" /></span><em> 我已閱讀並同意<a href="RegisterAgreement.aspx"> 會員註冊協議 </a> </em> </div> <div> <input name="register$btnRegister" type="button" id="register_btnRegister" class="xieyi_btn" /> </div> </div> </div> </div> </div> <script type="text/javascript" language="javascript"> var imgVerifyCode = document.getElementById('imgVerifyCode'); var captchaObj; if (imgVerifyCode) { document.getElementById('imgVerifyCode').src = "VerifyCodeImage.aspx"; } if ($("#hidIsOpenGeetest").val() == "1") { var handler = function (obj) { // 將驗證碼加到id為captcha的元素裏 captchaObj = obj; obj.appendTo("#captcha"); }; $.ajax({ // 獲取id，challenge，success（是否啟用failback） url: "/getcaptcha.aspx", type: "get", dataType: "json", // 使用jsonp格式 success: function (data) { // 使用initGeetest接口 // 參數1：配置參數，與創建Geetest實例時接受的參數一致 // 參數2：回調，回調的第一個參數驗證碼對象，之後可以使用它做appendTo之類的事件 initGeetest({ gt: data.gt, challenge: data.challenge, product: "float", // 產品形式 offline: !data.success }, handler); } }); } function refreshCode() { var img = document.getElementById("imgVerifyCode"); if (img != null) { var currentDate = new Date(); img.src = "VerifyCodeImage.aspx?t=" + currentDate.getTime(); } } function refreshCode2() { var currentDate = new Date(); var url = "VerifyCodeImage.aspx?t=" + currentDate.getTime(); $.post(url); } $("#btnSendEmail").bind("click", function () { var tempemail = $("#txtUserName").val(); var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.\-]?)*([a-zA-Z0-9])+\.([a-zA-Z]{1,4})$/; if (!myreg.test(tempemail)) { alert('請輸入正確的電子信箱'); return false; } $("#btnSendEmail").attr("disabled", true); $("#btnSendEmail").val("發送中..."); $.ajax({ type: "POST", url: "/Handler/MemberHandler.ashx?action=VerficationEmail", contentType: "application/x-www-form-urlencoded; charset=utf-8", dataType: "json", data: { email: tempemail }, success: function (result) { if (result.success) { $("#btnSendEmail").val("發送成功"); alert(result.msg); } else { $("#btnSendEmail").val("發送失敗請重試"); $("#btnSendEmail").attr("disabled", false); alert(result.msg); } } }); }); $(document).ready(function () { if ($("#hidRegisterok").val() != "1") //注冊開啟 { $(".zhuce").html("<b>抱歉，注冊尚未開放，請聯係客服人員！</b>"); }else{ $("#phoneVerifyCode").click(function () { if ($("#hidIsOpenGeetest").val() == "0" && $("#txtNumber").val().length == 0) { alert("請輸入圖形驗證碼"); return; } var phone = document.getElementById("txtUserName").value; var imgCode = $("#txtNumber").val(); $.ajax({ type: "POST", url: "Handler/MemberHandler.ashx?action=SendRegisterPhoneCode", //data: { Phone: phone, imgCode: imgCode }, data: $("#aspnetForm").serialize() + "&Phone=" + phone + "&imgCode=" + imgCode, success: function (result) { if (result.success == "true") { var time = 1000; var interval; var count = 0; function fun() { count++; if (count >= 60) { $("#phoneVerifyCode").attr("disabled", false); $("#phoneVerifyCode").attr("value", "重新發送"); clearInterval(interval); } else { $("#phoneVerifyCode").attr("value", "發送成功（" + (60 - count) + ")"); } } $("#phoneVerifyCode").attr("disabled", "true"); interval = setInterval(fun, time); } else { alert(result.msg); } } }); }); } }); </script> <script type="text/javascript" src="/Utility/validate/Validate.js"></script> <script src="Utility/gt.js"></script> <style> .footer{ background:none; border:none; margin:0px; padding:0px;} .footer .bottom{ border:none;margin:0px; padding:0px;} </style> <div class="bottom"> <div class="footer_link"> </div> <div class="Copyright"> </div> </div> </body> </html> </form>