「富山化学工業」の版間の差分
| 1行目: | 1行目: | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | ||
| − | + | <!DOCTYPE html> | |
| + | <html lang="ja" | ||
| + | data-page-id="account-input" | ||
| + | data-is-use-ko="" | ||
| + | class="bc-white" | ||
| + | prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"> | ||
| + | <head> | ||
| + | <meta charset="UTF-8"> | ||
| + | <meta http-equiv="X-UA-Compatible" content="IE=edge"/> | ||
| + | <meta http-equiv="X-UA-Compatible" content="requiresActiveX=true" /> | ||
| + | <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0"> | ||
| + | <meta name="description" content="" /> | ||
| + | <meta name="keywords" content="" /> | ||
| + | <link rel="canonical" href="https://video.unext.jp/account/input/LPFS3X9X"/> | ||
| + | <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> | ||
| + | <link rel="apple-touch-icon" href="https://video.unext.jp/apple-touch-icon.png"/> | ||
| + | <meta property="og:type" content="article" /> | ||
| + | <meta property="og:title" content="会員登録 | U-NEXT" /> | ||
| + | <meta property="og:image" content="/static/img/snsshare.png" /> | ||
| + | <meta property="og:url" content="https://video.unext.jp/account/input/LPFS3X9X" /> | ||
| + | <meta property="og:description" content="" /> | ||
| + | <meta property="og:site_name" content="U-NEXT<ユーネクスト>" /> | ||
| + | <meta property="og:locale" content="ja_JP" /> | ||
| + | <meta property="fb:admins" content="100007482434935" /> | ||
| + | <meta property="fb:app_id" content="1615543762065866" /> | ||
| + | <meta name="twitter:card" content="summary_large_image"> | ||
| + | <meta name="twitter:site" content="@watch_UNEXT"> | ||
| + | <meta name="twitter:creator" content="@watch_UNEXT"> | ||
| − | |||
| − | + | <title>会員登録 | U-NEXT</title> | |
| − | + | <script> | |
| + | var unx = unx || {}; | ||
| + | unx.preinit = { | ||
| + | 'env' : {"isMobile":false,"isTablet":false,"isPC":true,"isWebView":false,"isAndroid":false,"isIOS":false,"isChrome":false,"isIE11":false,"isEdge":false,"isTV":false,"isPlayOnSilverlight":true,"isPlayOnDrmtoday":false} | ||
| + | }; | ||
| + | </script> | ||
| − | + | <script src="/static/js/preinitialize.js"></script> | |
| − | |||
| − | + | <link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/notosansjapanese.css"> | |
| − | + | ||
| + | <link rel="stylesheet" href="/static/css/dist/rev20151009210542.all.min.css"> | ||
| − | |||
| − | |||
| − | |||
| − | + | </head> | |
| + | <body> | ||
| − | + | <script> | |
| + | window.fbAsyncInit = function() { | ||
| + | FB.init({ | ||
| + | appId : '1615543762065866', | ||
| + | xfbml : true, | ||
| + | version : 'v2.3' | ||
| + | }); | ||
| + | }; | ||
| − | + | (function(d, s, id){ | |
| + | var js, fjs = d.getElementsByTagName(s)[0]; | ||
| + | if (d.getElementById(id)) {return;} | ||
| + | js = d.createElement(s); js.id = id; | ||
| + | js.async = true; | ||
| + | js.src = "//connect.facebook.net/en_US/sdk.js"; | ||
| + | fjs.parentNode.insertBefore(js, fjs); | ||
| + | }(document, 'script', 'facebook-jssdk')); | ||
| + | </script> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <div class="app-container js-app-container"> | |
| − | |||
| − | + | <header class="lay-gnav--account"> | |
| + | <div class="cf"> | ||
| + | <div class="gnav--account__menu--logo"> | ||
| + | <img src="https://imgc.nxtv.jp/img/info/wf/lpm/unext.png" alt="" class="gnav--account__logo-img"> | ||
| + | </div> | ||
| + | |||
| + | <!-- STEP2, STEP3では表示しない --> | ||
| + | <a href="/login" class="gnav--account__menu--login">ログインはこちら</a> | ||
| + | </div> | ||
| + | </header><!-- /.lay-gnav--account --> | ||
| − | |||
| − | |||
| − | |||
| − | + | <div class="lay-main--account js-lay-main"> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <div class="ui-step"> | |
| + | <ul class="ui-step__items"> | ||
| + | <li class="ui-step__item current" style="width:33%;">入力</li> | ||
| + | <li class="ui-step__item" style="width:33%;">確認</li> | ||
| + | <li class="ui-step__item--last" style="width:34%;">完了</li> | ||
| + | </ul> | ||
| + | <!-- /.ui-step__items --> | ||
| + | </div> | ||
| + | <!-- /.ui-step --> | ||
| − | + | <div class="simple-box" style="max-width:1100px;"> | |
| − | + | ||
| + | <div class="mt-32 pb-32 cf acc-step1-box"> | ||
| + | <div class="acc-step1-box__info"> | ||
| + | <div class="ui-space"> | ||
| + | <div class="ui-heading-set-wrap"> | ||
| + | <h1 class="ui-heading__name">31日間無料トライアル</h1> | ||
| + | </div> | ||
| + | <p class="fs-m mt-8">特典1:31日間無料で見放題!(対象:見放題動画・読み放題雑誌)<br/>特典2:600円分ポイントプレゼント!(対象:新作などのレンタル配信・コミック・書籍)</p> | ||
| + | <div class="mt-8"> | ||
| + | <a href="http://p.unext.jp/pdf/web0110.pdf" class="in-block fs-s" target="_blank">キャンペーン要項</a> | ||
| + | </div> | ||
| + | <div class="mt-32 acc-step1-box__deviceimg"> | ||
| + | <img src="/static/img/register_device.png" alt="マルチデバイス"> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| − | + | <div class="acc-step1-box__form"> | |
| + | <div class="ui-space"> | ||
| + | <form class="js-acc-signup__form--step1" action="/account/confirm" method="post"> | ||
| + | <input type="hidden" name="_csrf" value="b2hpMkk2Z2wtICACf3wFJxUaWFAsBhIfWB0EWANVHy0qWQIFcGARMw=="> | ||
| − | + | <h2 class="ui-hd--5">お客様情報の入力</h2> | |
| + | <div class="bc-gray-weak ph-8"> | ||
| + | <ul class="ui-list-vertical mt-8"> | ||
| − | + | ||
| − | + | <li class="ui-list-vertical__item" style="border-top: none"> | |
| + | <div class="ui-list-vertical__item-inner"> | ||
| + | <div class="ui-form-label w-full"> | ||
| + | <span class="ui-form-label__txt--st block">名前 (カタカナ)</span> | ||
| + | <div class="mt-8 js-acc-name__wrap"> | ||
| + | <input type="text" name="name_sei_kana" placeholder="セイ" | ||
| + | class="ui-form-txt acc-last-name js-acc-last-name " value=""><!-- | ||
| + | --><input type="text" name="name_mei_kana" placeholder="メイ" | ||
| + | class="ui-form-txt acc-first-name js-acc-first-name " value=""> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
| − | + | <li class="ui-list-vertical__item"> | |
| + | <div class="ui-list-vertical__item-inner"> | ||
| + | <div class="ui-form-label w-full"> | ||
| + | <span class="ui-form-label__txt--st block">生年月日</span> | ||
| + | <div class="mt-8 js-acc-birth__wrap"> | ||
| + | <select name="birthday_year" class="ui-form-select js-acc-birth js-acc-birth--year "> | ||
| + | <option class="ui-form-option" value="">年</option> | ||
| + | <option class="ui-form-option" value="2002">2002</option><option class="ui-form-option" value="2001">2001</option><option class="ui-form-option" value="2000">2000</option><option class="ui-form-option" value="1999">1999</option><option class="ui-form-option" value="1998">1998</option><option class="ui-form-option" value="1997">1997</option><option class="ui-form-option" value="1996">1996</option><option class="ui-form-option" value="1995">1995</option><option class="ui-form-option" value="1994">1994</option><option class="ui-form-option" value="1993">1993</option><option class="ui-form-option" value="1992">1992</option><option class="ui-form-option" value="1991">1991</option><option class="ui-form-option" value="1990">1990</option><option class="ui-form-option" value="1989">1989</option><option class="ui-form-option" value="1988">1988</option><option class="ui-form-option" value="1987">1987</option><option class="ui-form-option" value="1986">1986</option><option class="ui-form-option" value="1985">1985</option><option class="ui-form-option" value="1984">1984</option><option class="ui-form-option" value="1983">1983</option><option class="ui-form-option" value="1982">1982</option><option class="ui-form-option" value="1981">1981</option><option class="ui-form-option" value="1980">1980</option><option class="ui-form-option" value="1979">1979</option><option class="ui-form-option" value="1978">1978</option><option class="ui-form-option" value="1977">1977</option><option class="ui-form-option" value="1976">1976</option><option class="ui-form-option" value="1975">1975</option><option class="ui-form-option" value="1974">1974</option><option class="ui-form-option" value="1973">1973</option><option class="ui-form-option" value="1972">1972</option><option class="ui-form-option" value="1971">1971</option><option class="ui-form-option" value="1970">1970</option><option class="ui-form-option" value="1969">1969</option><option class="ui-form-option" value="1968">1968</option><option class="ui-form-option" value="1967">1967</option><option class="ui-form-option" value="1966">1966</option><option class="ui-form-option" value="1965">1965</option><option class="ui-form-option" value="1964">1964</option><option class="ui-form-option" value="1963">1963</option><option class="ui-form-option" value="1962">1962</option><option class="ui-form-option" value="1961">1961</option><option class="ui-form-option" value="1960">1960</option><option class="ui-form-option" value="1959">1959</option><option class="ui-form-option" value="1958">1958</option><option class="ui-form-option" value="1957">1957</option><option class="ui-form-option" value="1956">1956</option><option class="ui-form-option" value="1955">1955</option><option class="ui-form-option" value="1954">1954</option><option class="ui-form-option" value="1953">1953</option><option class="ui-form-option" value="1952">1952</option><option class="ui-form-option" value="1951">1951</option><option class="ui-form-option" value="1950">1950</option><option class="ui-form-option" value="1949">1949</option><option class="ui-form-option" value="1948">1948</option><option class="ui-form-option" value="1947">1947</option><option class="ui-form-option" value="1946">1946</option><option class="ui-form-option" value="1945">1945</option><option class="ui-form-option" value="1944">1944</option><option class="ui-form-option" value="1943">1943</option><option class="ui-form-option" value="1942">1942</option><option class="ui-form-option" value="1941">1941</option><option class="ui-form-option" value="1940">1940</option><option class="ui-form-option" value="1939">1939</option><option class="ui-form-option" value="1938">1938</option><option class="ui-form-option" value="1937">1937</option><option class="ui-form-option" value="1936">1936</option><option class="ui-form-option" value="1935">1935</option><option class="ui-form-option" value="1934">1934</option><option class="ui-form-option" value="1933">1933</option><option class="ui-form-option" value="1932">1932</option><option class="ui-form-option" value="1931">1931</option><option class="ui-form-option" value="1930">1930</option><option class="ui-form-option" value="1929">1929</option><option class="ui-form-option" value="1928">1928</option><option class="ui-form-option" value="1927">1927</option><option class="ui-form-option" value="1926">1926</option><option class="ui-form-option" value="1925">1925</option><option class="ui-form-option" value="1924">1924</option><option class="ui-form-option" value="1923">1923</option><option class="ui-form-option" value="1922">1922</option><option class="ui-form-option" value="1921">1921</option><option class="ui-form-option" value="1920">1920</option><option class="ui-form-option" value="1919">1919</option><option class="ui-form-option" value="1918">1918</option><option class="ui-form-option" value="1917">1917</option><option class="ui-form-option" value="1916">1916</option><option class="ui-form-option" value="1915">1915</option><option class="ui-form-option" value="1914">1914</option><option class="ui-form-option" value="1913">1913</option> | ||
| + | </select><!-- | ||
| − | + | --><select name="birthday_month" class="ui-form-select js-acc-birth js-acc-birth--month ml-16 "> | |
| + | <option class="ui-form-option" value="">月</option> | ||
| + | <option class="ui-form-option" value="1">1</option><option class="ui-form-option" value="2">2</option><option class="ui-form-option" value="3">3</option><option class="ui-form-option" value="4">4</option><option class="ui-form-option" value="5">5</option><option class="ui-form-option" value="6">6</option><option class="ui-form-option" value="7">7</option><option class="ui-form-option" value="8">8</option><option class="ui-form-option" value="9">9</option><option class="ui-form-option" value="10">10</option><option class="ui-form-option" value="11">11</option><option class="ui-form-option" value="12">12</option> | ||
| + | </select><!-- | ||
| − | + | --><select name="birthday_day" class="ui-form-select js-acc-birth js-acc-birth--day ml-16 "> | |
| + | <option class="ui-form-option" value="">日</option> | ||
| + | <option class="ui-form-option" value="1">1</option><option class="ui-form-option" value="2">2</option><option class="ui-form-option" value="3">3</option><option class="ui-form-option" value="4">4</option><option class="ui-form-option" value="5">5</option><option class="ui-form-option" value="6">6</option><option class="ui-form-option" value="7">7</option><option class="ui-form-option" value="8">8</option><option class="ui-form-option" value="9">9</option><option class="ui-form-option" value="10">10</option><option class="ui-form-option" value="11">11</option><option class="ui-form-option" value="12">12</option><option class="ui-form-option" value="13">13</option><option class="ui-form-option" value="14">14</option><option class="ui-form-option" value="15">15</option><option class="ui-form-option" value="16">16</option><option class="ui-form-option" value="17">17</option><option class="ui-form-option" value="18">18</option><option class="ui-form-option" value="19">19</option><option class="ui-form-option" value="20">20</option><option class="ui-form-option" value="21">21</option><option class="ui-form-option" value="22">22</option><option class="ui-form-option" value="23">23</option><option class="ui-form-option" value="24">24</option><option class="ui-form-option" value="25">25</option><option class="ui-form-option" value="26">26</option><option class="ui-form-option" value="27">27</option><option class="ui-form-option" value="28">28</option><option class="ui-form-option" value="29">29</option><option class="ui-form-option" value="30">30</option><option class="ui-form-option" value="31">31</option> | ||
| + | </select> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
| − | = | + | <li class="ui-list-vertical__item"> |
| − | + | <div class="ui-list-vertical__item-inner js-acc-gender__wrap"> | |
| − | + | <span class="ui-form-label__txt--st block">性別</span> | |
| − | + | <div class="mt-8"> | |
| − | + | <label class="ui-form-label"> | |
| − | + | <input type="radio" name="sex" value="1" checked="checked" class="ui-form-radio js-acc-gender"><span class="ui-form-label__txt">男性</span> | |
| − | + | </label> | |
| − | + | <label class="ui-form-label"> | |
| − | + | <input type="radio" name="sex" value="2" class="ui-form-radio js-acc-gender ml-32"><span class="ui-form-label__txt">女性</span> | |
| − | + | </label> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </li> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | == | + | <li class="ui-list-vertical__item"> |
| − | + | <div class="ui-list-vertical__item-inner"> | |
| − | + | <label class="ui-form-label w-full"> | |
| − | + | <span class="ui-form-label__txt--st block">メールアドレス</span> | |
| − | + | <input type="text" name="email" value="" placeholder="" | |
| − | + | class="ui-form-txt mt-8 js-acc-email " style="width:100%;"> | |
| − | + | ||
| − | + | ||
| − | + | </label><br> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | == | + | <label class="ui-form-label mt-8"> |
| − | + | <input type="checkbox" name="" class="ui-form-check js-acc-login-id__check" | |
| − | + | checked="true" | |
| − | + | ><span class="ui-form-text--info--wk">メールアドレスをログインIDにする</span> | |
| − | + | </label><br> | |
| − | + | <input type="hidden" name="mail_as_loginid" value="0" class="js-acc-mail-as-loginid-flag"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | == | + | <div class="acc-login-id js-acc-login-id" |
| − | + | > | |
| − | + | <label class="ui-form-label w-full"> | |
| − | + | <span class="ui-form-label__txt--st block">ログインID</span> | |
| + | <input type="text" name="login_id" value="" placeholder="6〜50文字の半角英数字・記号" | ||
| + | class="ui-form-txt mt-8 js-acc-login-id__field " style="width:100%;" maxlength="50"> | ||
| − | + | <div class="ui-form-text--info--wk">※ご希望のログインIDを設定できます。</div> | |
| + | </label> | ||
| + | </div> | ||
| − | + | </div> | |
| − | + | </li> | |
| − | + | ||
| − | {{ | + | <li class="ui-list-vertical__item"> |
| − | [ | + | <div class="ui-list-vertical__item-inner"> |
| − | [[ | + | <label class="ui-form-label w-full acc-pass1 js-acc-pass1"> |
| − | [[ | + | <span class="ui-form-label__txt--st block">パスワード</span> |
| − | [[ | + | <input type="password" name="password" value="" placeholder="6〜20文字の半角英数字・記号" |
| − | [[ | + | class="ui-form-txt mt-8 js-acc-pass__field1 js-acc-pass__field--sync " style="width:100%;" maxlength="20"> |
| − | [[ | + | </label> |
| + | |||
| + | <label class="ui-form-label w-full acc-pass2 js-acc-pass2"> | ||
| + | <span class="ui-form-label__txt--st block">パスワード</span> | ||
| + | <input type="text" name="" placeholder="6〜20文字の半角英数字・記号" | ||
| + | class="ui-form-txt mt-8 js-acc-pass__field2 js-acc-pass__field--sync " style="width:100%;" maxlength="20"> | ||
| + | </label> | ||
| + | |||
| + | <label class="ui-form-label w-full mt-8"> | ||
| + | <input type="checkbox" name="" class="ui-form-check js-acc-pass__check"><span class="ui-form-text--info--wk">パスワードを表示する</span> | ||
| + | </label><br> | ||
| + | </div> | ||
| + | </li> | ||
| + | |||
| + | <li class="ui-list-vertical__item"> | ||
| + | <div class="ui-list-vertical__item-inner"> | ||
| + | <div class="ui-form-label w-full"> | ||
| + | <span class="ui-form-label__txt--st">電話番号</span><br> | ||
| + | <div class="mt-8"> | ||
| + | <div class="js-acc-tel__wrap"> | ||
| + | <input type="text" name="mob_tel_1" value="" | ||
| + | class="ui-form-txt js-acc-tel js-acc-tel1 " style="width:20%;" maxlength="4"> - <!-- | ||
| + | --><input type="text" name="mob_tel_2" value="" | ||
| + | class="ui-form-txt js-acc-tel js-acc-tel2 " style="width:20%;" maxlength="4"> - <!-- | ||
| + | --><input type="text" name="mob_tel_3" value="" | ||
| + | class="ui-form-txt js-acc-tel js-acc-tel3 " style="width:20%;" maxlength="4"> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div><br> | ||
| + | </div> | ||
| + | </li> | ||
| + | |||
| + | |||
| + | <li class="ui-list-vertical__item"> | ||
| + | <div class="ui-list-vertical__item-inner"> | ||
| + | <label class="ui-form-label w-full"> | ||
| + | <input type="checkbox" name="" class="ui-form-check js-acc-gift-cd__check" | ||
| + | ><span class="ui-form-text--info--wk">ギフトコードを入力する</span> | ||
| + | </label><br> | ||
| + | <div class="ui-form-text--info--wk">※ギフトコードをお持ちの方は、チェックをして入力ください。</div> | ||
| + | |||
| + | <label class="ui-form-label w-full mt-8 acc-gift-cd js-acc-gift-cd"> | ||
| + | <input type="text" name="gift_code" value="" placeholder="ABCDE12345" | ||
| + | class="ui-form-txt js-acc-gift-cd__field " style="width:100%;"> | ||
| + | </label> | ||
| + | </div> | ||
| + | </li> | ||
| + | |||
| + | |||
| + | |||
| + | </ul> | ||
| + | <input type="hidden" name="mail_magazine_flag" value="0" class="js-acc-mail-magazine-flag"> | ||
| + | |||
| + | <div class="ui-btns mt-32"> | ||
| + | <button type="button" class="ui-btn--l js-acc-btn--next"><span class="ui-btn__text ph-32">次へ</span></button> | ||
| + | </div> | ||
| + | |||
| + | <div class="ssl-seal"> | ||
| + | <script type="text/javascript" src="https://seal.verisign.com/getseal?host_name=unext.jp&size=S&use_flash=NO&use_transparent=YES&lang=ja"></script> | ||
| + | </div> | ||
| + | <!-- /.ssl-seal --> | ||
| + | </div> | ||
| + | </form> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | <!-- /.simple-box --> | ||
| + | |||
| + | <!-- ****** begin embed tag ****** --> | ||
| + | <!-- PC Start --> | ||
| + | |||
| + | <!--(オープンキャンペーン)--> | ||
| + | <!-- begin クリックアナリシスタグ tag --> | ||
| + | <script type='text/javascript' charset='utf-8' src='//click.showcase-tv.jp/click/ClickIndex.js' id='unext/20120528142152'></script> | ||
| + | <noscript><img src='//click.showcase-tv.jp/click/ClickIndex.php?mode=noscript&id=unext&pg=20120528142152' width='0' height='0' /></noscript> | ||
| + | <!-- end of クリックアナリシスタグ tag --> | ||
| + | |||
| + | <!-- PC End --> | ||
| + | <!-- ****** end of embed tag ****** --> | ||
| + | |||
| + | |||
| + | |||
| + | </div><!-- /.lay-main --> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </div> | ||
| + | <!-- /.app-container --> | ||
| + | |||
| + | |||
| + | |||
| + | <div class="jsui-toast jsui-toast"> | ||
| + | <div class="jsui-toast__panel jsui-toast__panel"> | ||
| + | <div class="jsui-toast__msgbox cell"> | ||
| + | <span class="ico unx-ico-check jsui-toast__icon pr-8 va-m"></span> | ||
| + | <span class="jsui-toast__msg va-m"></span> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | <script> | ||
| + | |||
| + | var unx = unx || {}; | ||
| + | unx.usrinfo = unx.usrinfo || {}; | ||
| + | |||
| + | unx.usrinfo = { | ||
| + | isLogin: false }; | ||
| + | </script> | ||
| + | |||
| + | |||
| + | <!--[if lte IE8]> | ||
| + | <script src="/static/lib/jquery-1.11.2.min.js"></script><![endif]--> | ||
| + | |||
| + | |||
| + | |||
| + | <script src="/static/js/dist/rev20151009210542.all.min.js"></script> | ||
| + | |||
| + | |||
| + | <script type="text/javascript"> | ||
| + | |||
| + | !function(t,e){if(void 0===e[t]){e[t]=function(){e[t].clients.push(this),this._init=[Array.prototype.slice.call(arguments)]},e[t].clients=[];for(var r=function(t){return function(){return this["_"+t]=this["_"+t]||[],this["_"+t].push(Array.prototype.slice.call(arguments)),this}},s=["addRecord","set","trackEvent","trackPageview","ready"],n=0;n<s.length;n++){var i=s[n];e[t].prototype[i]=r(i)}var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"===document.location.protocol?"https:":"http:")+"//s3.amazonaws.com/td-cdn/sdk/td-1.2.0.js";var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(a,c)}}("Treasure",this); | ||
| + | |||
| + | </script> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | var unx = unx || {}; | ||
| + | unx.td = {}; | ||
| + | |||
| + | unx.td.writeKey = '5561/009da378c9fb9a70e621669e98a06e16d25041ef'; | ||
| + | unx.td.database = 'unext_log_db'; | ||
| + | |||
| + | |||
| + | var td = new Treasure({ | ||
| + | writeKey: unx.td.writeKey, | ||
| + | database: unx.td.database | ||
| + | }); | ||
| + | td.trackPageview('page_transition_log'); | ||
| + | |||
| + | </script> | ||
| + | |||
| + | |||
| + | <script src="/static/analytics/analytics.unext.js"></script> | ||
| + | |||
| + | |||
| + | |||
| + | <script> | ||
| + | $(function() { | ||
| + | unx.acc.elm = { | ||
| + | $userDataForm : $('.js-acc-signup__form--step1'), | ||
| + | $fbLogin : $('.js-acc-fb-login'), | ||
| + | $btnNext : $('.js-acc-btn--next'), | ||
| + | $btnZipSearch : $('.js-acc-zip-search'), | ||
| + | |||
| + | $wrapNameKana : $('.js-acc-name__wrap'), | ||
| + | $txtSeiKana : $('.js-acc-last-name'), | ||
| + | $txtMeiKana : $('.js-acc-first-name'), | ||
| + | |||
| + | $wrapBirth : $('.js-acc-birth__wrap'), | ||
| + | $selBirthY : $('.js-acc-birth--year'), | ||
| + | $selBirthM : $('.js-acc-birth--month'), | ||
| + | $selBirthD : $('.js-acc-birth--day'), | ||
| + | |||
| + | $txtEmail : $('.js-acc-email'), | ||
| + | |||
| + | $chkLoginIdEmail : $('.js-acc-login-id__check'), | ||
| + | $txtLoginId : $('.js-acc-login-id__field'), | ||
| + | |||
| + | $txtPass1 : $('.js-acc-pass__field1'), | ||
| + | $txtPass2 : $('.js-acc-pass__field2'), | ||
| + | |||
| + | $wrapTel : $('.js-acc-tel__wrap'), | ||
| + | $txtTel1 : $('.js-acc-tel1'), | ||
| + | $txtTel2 : $('.js-acc-tel2'), | ||
| + | $txtTel3 : $('.js-acc-tel3'), | ||
| + | |||
| + | $wrapZip : $('.js-acc-zip__wrap'), | ||
| + | $txtZip1 : $('.js-acc-zip1'), | ||
| + | $txtZip2 : $('.js-acc-zip2'), | ||
| + | $txtAddress1 : $('.js-acc-address1'), | ||
| + | $txtAddress2 : $('.js-acc-address2'), | ||
| + | $txtAddress3 : $('.js-acc-address3'), | ||
| + | $txtAddress4 : $('.js-acc-address4'), | ||
| + | |||
| + | $chkGiftCode : $('.js-acc-gift-cd__check'), | ||
| + | $txtGiftCode : $('.js-acc-gift-cd__field'), | ||
| + | |||
| + | $selSignPref : $('.js-acc-sign__pref'), | ||
| + | $selSignShop : $('.js-acc-sign__shop'), | ||
| + | |||
| + | $chkStaffCode : $('.js-acc-staff-cd__check'), | ||
| + | $txtStaffCode : $('.js-acc-staff-cd__field'), | ||
| + | |||
| + | $mailMagFlag : $('.js-acc-mail-magazine-flag'), | ||
| + | $mailMagFlagInput : $('.js-acc-mail-magazine-flag__input') | ||
| + | }; | ||
| + | |||
| + | |||
| + | // Facebook簡易登録 | ||
| + | // unx.acc.elm.$fbLogin.on('click', function() { | ||
| + | // FB.login(function(res) { | ||
| + | // if ( res.status !== 'connected' ) return; | ||
| + | // FB.api('/me', function(res) { | ||
| + | // if(window.console) console.dir(res); | ||
| + | // // res.id | ||
| + | // // res.name | ||
| + | // // res.last_name | ||
| + | // // res.first_name | ||
| + | // // res.birthday | ||
| + | // // res.gender | ||
| + | // // res.email | ||
| + | // // res.link | ||
| + | // // res.locale | ||
| + | // // res.timezone | ||
| + | // // res.updated_time | ||
| + | // }); | ||
| + | // }); | ||
| + | // }); | ||
| + | |||
| + | |||
| + | // 郵便番号 -> 住所検索処理 | ||
| + | unx.acc.elm.$btnZipSearch.on('click', function() { | ||
| + | var _errCount = 0, | ||
| + | _elm = unx.acc.elm, | ||
| + | _zip1 = _elm.$txtZip1.val(), | ||
| + | _zip2 = _elm.$txtZip2.val(), | ||
| + | _ajaxUrl = $(this).attr('data-ajax-url'), | ||
| + | _addressList = null; | ||
| + | |||
| + | // 郵便番号 入力チェック | ||
| + | if( unx.vali.isEmpty( _zip1 ) ) _errCount++; | ||
| + | if( unx.vali.isEmpty( _zip2 ) ) _errCount++; | ||
| + | if( !unx.vali.isInRange( _zip1, {min:3} ) ) _errCount++; | ||
| + | if( !unx.vali.isInRange( _zip2, {min:4} ) ) _errCount++; | ||
| + | if( !unx.vali.isMatchType( _zip1, unx.vali.REG.NUM ) ) _errCount++; | ||
| + | if( !unx.vali.isMatchType( _zip2, unx.vali.REG.NUM ) ) _errCount++; | ||
| + | |||
| + | if(_errCount > 0) { | ||
| + | alert('郵便番号の入力が不正です。'); | ||
| + | } else { | ||
| + | unx.acc.zipSearch({ajaxUrl:_ajaxUrl, zipCode: '' + _zip1 + _zip2}, function(addressList) { | ||
| + | $('.js-acc-address1').val(addressList[0]); | ||
| + | $('.js-acc-address2').val(addressList[1]); | ||
| + | $('.js-acc-address3').val(addressList[2]); | ||
| + | }); | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | |||
| + | // 看板表示 <select> イベント処理 | ||
| + | unx.acc.elm.$selSignPref.on('change', function() { | ||
| + | if( $(this).val()==='' ) return; | ||
| + | |||
| + | var _selectedIndex = $(this).find('option:selected').index()-1; | ||
| + | _shopData = unx.sign.list[_selectedIndex].shop, | ||
| + | _shopOptionTpl = $('.tpl-acc-sign__shop-option').text(); | ||
| + | $shop = unx.acc.elm.$selSignShop; | ||
| + | |||
| + | $shop.find('option:first').nextAll().remove(); | ||
| + | |||
| + | for(var i=0,l=_shopData.length; i<l; i++) { | ||
| + | $shop.append( | ||
| + | '<option class="ui-form-option" value="'+_shopData[i].code+'">'+_shopData[i].name+'</option>'); | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | |||
| + | // メルマガ送信許可フラグ イベント処理 | ||
| + | unx.acc.elm.$mailMagFlagInput.on('change', function() { | ||
| + | if( $(this).is(':checked') ) { | ||
| + | unx.acc.elm.$mailMagFlag.val( $(this).val() ); | ||
| + | } else { | ||
| + | unx.acc.elm.$mailMagFlag.val( '0' ); | ||
| + | } | ||
| + | }) | ||
| + | .change(); | ||
| + | |||
| + | |||
| + | // 2度押し回避 | ||
| + | unx.acc.disable2ndClick = new unx.util.Disable2ndClick(unx.acc.elm.$btnNext); | ||
| + | |||
| + | |||
| + | // フォーム送信時 validation処理 | ||
| + | unx.acc.elm.$btnNext.on('click', function() { | ||
| + | var _errCount = 0, | ||
| + | _elm = unx.acc.elm; | ||
| + | |||
| + | // エラー表示リセット | ||
| + | $('.ui-error').each(function() { | ||
| + | $(this).removeClass('ui-error'); | ||
| + | }); | ||
| + | $('.ui-form-error__txt').each(function() { | ||
| + | $(this).remove(); | ||
| + | }); | ||
| + | |||
| + | // 名(カタカナ) 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtMeiKana.val() )) { | ||
| + | _elm.$txtMeiKana.addClass('ui-error'); | ||
| + | _elm.$wrapNameKana.after('<div class="ui-form-error__txt">名(カタカナ)は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // 姓(カタカナ) 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtSeiKana.val() )) { | ||
| + | _elm.$txtSeiKana.addClass('ui-error'); | ||
| + | _elm.$wrapNameKana.after('<div class="ui-form-error__txt">姓(カタカナ)は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | |||
| + | // Eメール 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtEmail.val() )) { | ||
| + | _elm.$txtEmail | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt">メールアドレスは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | |||
| + | // ログインID 必須チェック | ||
| + | if( !_elm.$chkLoginIdEmail.is(':checked') ) { | ||
| + | if(unx.vali.isEmpty( _elm.$txtLoginId.val() )) { | ||
| + | _elm.$txtLoginId | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt">ログインIDは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // パスワード1 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtPass1.val() )) { | ||
| + | _elm.$txtPass1 | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt">パスワードは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // パスワード1 文字数チェック | ||
| + | if(!unx.vali.isInRange( _elm.$txtPass1.val(), {min:6, max:20} )) { | ||
| + | _elm.$txtPass1 | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt">6〜20'+unx.vali.ERR_MSG.RANGE+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // パスワード2 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtPass2.val() )) { | ||
| + | _elm.$txtPass2 | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt">パスワードは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // パスワード2 文字数チェック | ||
| + | if(!unx.vali.isInRange( _elm.$txtPass2.val(), {min:6, max:20} )) { | ||
| + | _elm.$txtPass2 | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt">6〜20'+unx.vali.ERR_MSG.RANGE+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | |||
| + | // 生年月日・日 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$selBirthD.val() )) { | ||
| + | _elm.$selBirthD.addClass('ui-error'); | ||
| + | _elm.$wrapBirth.after('<div class="ui-form-error__txt mv-8">生年月日・日は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // 生年月日・月 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$selBirthM.val() )) { | ||
| + | _elm.$selBirthM.addClass('ui-error'); | ||
| + | _elm.$wrapBirth.after('<div class="ui-form-error__txt mv-8">生年月日・月は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // 生年月日・年 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$selBirthY.val() )) { | ||
| + | _elm.$selBirthY.addClass('ui-error'); | ||
| + | _elm.$wrapBirth.after('<div class="ui-form-error__txt mv-8">生年月日・年は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | |||
| + | // TEL1 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtTel1.val() )) { | ||
| + | _elm.$txtTel1.addClass('ui-error'); | ||
| + | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号1は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // TEL1 型チェック | ||
| + | if(!unx.vali.isMatchType( _elm.$txtTel1.val(), unx.vali.REG.NUM )) { | ||
| + | _elm.$txtTel1.addClass('ui-error'); | ||
| + | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号1は'+unx.vali.ERR_MSG.HALF_NUM+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | |||
| + | // TEL2 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtTel2.val() )) { | ||
| + | _elm.$txtTel2.addClass('ui-error'); | ||
| + | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号2は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // TEL2 型チェック | ||
| + | if(!unx.vali.isMatchType( _elm.$txtTel2.val(), unx.vali.REG.NUM )) { | ||
| + | _elm.$txtTel2.addClass('ui-error'); | ||
| + | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号2は'+unx.vali.ERR_MSG.HALF_NUM+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // TEL3 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtTel3.val() )) { | ||
| + | _elm.$txtTel3.addClass('ui-error'); | ||
| + | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号3は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // TEL3 型チェック | ||
| + | if(!unx.vali.isMatchType( _elm.$txtTel3.val(), unx.vali.REG.NUM )) { | ||
| + | _elm.$txtTel3.addClass('ui-error'); | ||
| + | _elm.$wrapTel.after('<div class="ui-form-error__txt mv-8">電話番号3は'+unx.vali.ERR_MSG.HALF_NUM+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | if (_elm.$txtZip1.size() > 0) { | ||
| + | // 郵便番号1 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtZip1.val() )) { | ||
| + | _elm.$txtZip1.addClass('ui-error'); | ||
| + | _elm.$wrapZip.after('<div class="ui-form-error__txt mv-8">郵便番号1は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // 郵便番号1 型チェック | ||
| + | if(!unx.vali.isMatchType( _elm.$txtZip1.val(), unx.vali.REG.NUM )) { | ||
| + | _elm.$txtZip1.addClass('ui-error'); | ||
| + | _elm.$wrapZip.after('<div class="ui-form-error__txt mv-8">郵便番号1は'+unx.vali.ERR_MSG.HALF_NUM+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // 郵便番号2 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtZip2.val() )) { | ||
| + | _elm.$txtZip2.addClass('ui-error'); | ||
| + | _elm.$wrapZip.after('<div class="ui-form-error__txt mv-8">郵便番号2は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // 郵便番号2 型チェック | ||
| + | if(!unx.vali.isMatchType( _elm.$txtZip2.val(), unx.vali.REG.NUM )) { | ||
| + | _elm.$txtZip2.addClass('ui-error'); | ||
| + | _elm.$wrapZip.after('<div class="ui-form-error__txt mv-8">郵便番号2は'+unx.vali.ERR_MSG.HALF_NUM+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // 住所1 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtAddress1.val() )) { | ||
| + | _elm.$txtAddress1 | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt mv-8">住所1は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | // 住所2 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$txtAddress2.val() )) { | ||
| + | _elm.$txtAddress2 | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt mv-8">住所2は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | |||
| + | } | ||
| + | // ギフトコード 必須チェック | ||
| + | if( _elm.$chkGiftCode.is(':checked') ) { | ||
| + | if(unx.vali.isEmpty( _elm.$txtGiftCode.val() )) { | ||
| + | _elm.$txtGiftCode | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt">ギフトコードは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | if(!unx.vali.isMatchType( _elm.$txtGiftCode.val(), unx.vali.REG.HALF_EN_NUM )) { | ||
| + | _elm.$txtGiftCode | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt mv-8">ギフトコードは'+unx.vali.ERR_MSG.HALF_EN_NUM+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | if (_elm.$selSignShop.size() > 0) { | ||
| + | // 看板表示 必須チェック | ||
| + | if(unx.vali.isEmpty( _elm.$selSignShop.val() )) { | ||
| + | _elm.$selSignShop | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt">店舗選択は'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | if (_elm.$chkStaffCode.size() >0) { | ||
| + | // 販売店CD 必須チェック | ||
| + | if( _elm.$chkStaffCode.is(':checked') ) { | ||
| + | if(unx.vali.isEmpty( _elm.$txtStaffCode.val() )) { | ||
| + | _elm.$txtStaffCode | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt">販売店CDは'+unx.vali.ERR_MSG.REQUIRED+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | if(!unx.vali.isMatchType( _elm.$txtStaffCode.val(), unx.vali.REG.HALF_EN_NUM )) { | ||
| + | _elm.$txtStaffCode | ||
| + | .addClass('ui-error') | ||
| + | .after('<div class="ui-form-error__txt mv-8">販売店CDは'+unx.vali.ERR_MSG.HALF_EN_NUM+'</div>'); | ||
| + | _errCount++; | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | if(_errCount <= 0) { | ||
| + | _elm.$userDataForm.submit(); | ||
| + | } else { | ||
| + | unx.acc.disable2ndClick.reset(); // 2度押し禁止状態 解除 | ||
| + | unx.common.smoothScroll.scroll(); | ||
| + | } | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </body> | ||
| + | </html> | ||
2015年10月10日 (土) 11:34時点における版
<!DOCTYPE html>
<html lang="ja"
data-page-id="account-input" data-is-use-ko="" class="bc-white" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="canonical" href="https://video.unext.jp/account/input/LPFS3X9X"/>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="
"/>
<meta property="og:type" content="article" />
<meta property="og:title" content="会員登録 | U-NEXT" />
<meta property="og:image" content="/static/img/snsshare.png" />
<meta property="og:url" content="https://video.unext.jp/account/input/LPFS3X9X" />
<meta property="og:description" content="" />
<meta property="og:site_name" content="U-NEXT<ユーネクスト>" />
<meta property="og:locale" content="ja_JP" />
<meta property="fb:admins" content="100007482434935" />
<meta property="fb:app_id" content="1615543762065866" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@watch_UNEXT">
<meta name="twitter:creator" content="@watch_UNEXT">
<title>会員登録 | U-NEXT</title>
<script>
var unx = unx || {};
unx.preinit = {
'env' : {"isMobile":false,"isTablet":false,"isPC":true,"isWebView":false,"isAndroid":false,"isIOS":false,"isChrome":false,"isIE11":false,"isEdge":false,"isTV":false,"isPlayOnSilverlight":true,"isPlayOnDrmtoday":false}
};
</script>
<script src="/static/js/preinitialize.js"></script>
<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/notosansjapanese.css">
<link rel="stylesheet" href="/static/css/dist/rev20151009210542.all.min.css">
</head>
<body>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '1615543762065866',
xfbml : true,
version : 'v2.3'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<header class="lay-gnav--account">
<a href="/login" class="gnav--account__menu--login">ログインはこちら</a>
</header>
- 入力
- 確認
- 完了
31日間無料トライアル
特典1:31日間無料で見放題!(対象:見放題動画・読み放題雑誌)
特典2:600円分ポイントプレゼント!(対象:新作などのレンタル配信・コミック・書籍)
<a href="http://p.unext.jp/pdf/web0110.pdf" class="in-block fs-s" target="_blank">キャンペーン要項</a>
<img src="/static/img/register_device.png" alt="マルチデバイス">
<form class="js-acc-signup__form--step1" action="/account/confirm" method="post">
<input type="hidden" name="_csrf" value="b2hpMkk2Z2wtICACf3wFJxUaWFAsBhIfWB0EWANVHy0qWQIFcGARMw==">
お客様情報の入力
-
名前 (カタカナ)<input type="text" name="name_sei_kana" placeholder="セイ" class="ui-form-txt acc-last-name js-acc-last-name " value=""><input type="text" name="name_mei_kana" placeholder="メイ" class="ui-form-txt acc-first-name js-acc-first-name " value=""> -
生年月日<select name="birthday_year" class="ui-form-select js-acc-birth js-acc-birth--year "> <option class="ui-form-option" value="">年</option> <option class="ui-form-option" value="2002">2002</option><option class="ui-form-option" value="2001">2001</option><option class="ui-form-option" value="2000">2000</option><option class="ui-form-option" value="1999">1999</option><option class="ui-form-option" value="1998">1998</option><option class="ui-form-option" value="1997">1997</option><option class="ui-form-option" value="1996">1996</option><option class="ui-form-option" value="1995">1995</option><option class="ui-form-option" value="1994">1994</option><option class="ui-form-option" value="1993">1993</option><option class="ui-form-option" value="1992">1992</option><option class="ui-form-option" value="1991">1991</option><option class="ui-form-option" value="1990">1990</option><option class="ui-form-option" value="1989">1989</option><option class="ui-form-option" value="1988">1988</option><option class="ui-form-option" value="1987">1987</option><option class="ui-form-option" value="1986">1986</option><option class="ui-form-option" value="1985">1985</option><option class="ui-form-option" value="1984">1984</option><option class="ui-form-option" value="1983">1983</option><option class="ui-form-option" value="1982">1982</option><option class="ui-form-option" value="1981">1981</option><option class="ui-form-option" value="1980">1980</option><option class="ui-form-option" value="1979">1979</option><option class="ui-form-option" value="1978">1978</option><option class="ui-form-option" value="1977">1977</option><option class="ui-form-option" value="1976">1976</option><option class="ui-form-option" value="1975">1975</option><option class="ui-form-option" value="1974">1974</option><option class="ui-form-option" value="1973">1973</option><option class="ui-form-option" value="1972">1972</option><option class="ui-form-option" value="1971">1971</option><option class="ui-form-option" value="1970">1970</option><option class="ui-form-option" value="1969">1969</option><option class="ui-form-option" value="1968">1968</option><option class="ui-form-option" value="1967">1967</option><option class="ui-form-option" value="1966">1966</option><option class="ui-form-option" value="1965">1965</option><option class="ui-form-option" value="1964">1964</option><option class="ui-form-option" value="1963">1963</option><option class="ui-form-option" value="1962">1962</option><option class="ui-form-option" value="1961">1961</option><option class="ui-form-option" value="1960">1960</option><option class="ui-form-option" value="1959">1959</option><option class="ui-form-option" value="1958">1958</option><option class="ui-form-option" value="1957">1957</option><option class="ui-form-option" value="1956">1956</option><option class="ui-form-option" value="1955">1955</option><option class="ui-form-option" value="1954">1954</option><option class="ui-form-option" value="1953">1953</option><option class="ui-form-option" value="1952">1952</option><option class="ui-form-option" value="1951">1951</option><option class="ui-form-option" value="1950">1950</option><option class="ui-form-option" value="1949">1949</option><option class="ui-form-option" value="1948">1948</option><option class="ui-form-option" value="1947">1947</option><option class="ui-form-option" value="1946">1946</option><option class="ui-form-option" value="1945">1945</option><option class="ui-form-option" value="1944">1944</option><option class="ui-form-option" value="1943">1943</option><option class="ui-form-option" value="1942">1942</option><option class="ui-form-option" value="1941">1941</option><option class="ui-form-option" value="1940">1940</option><option class="ui-form-option" value="1939">1939</option><option class="ui-form-option" value="1938">1938</option><option class="ui-form-option" value="1937">1937</option><option class="ui-form-option" value="1936">1936</option><option class="ui-form-option" value="1935">1935</option><option class="ui-form-option" value="1934">1934</option><option class="ui-form-option" value="1933">1933</option><option class="ui-form-option" value="1932">1932</option><option class="ui-form-option" value="1931">1931</option><option class="ui-form-option" value="1930">1930</option><option class="ui-form-option" value="1929">1929</option><option class="ui-form-option" value="1928">1928</option><option class="ui-form-option" value="1927">1927</option><option class="ui-form-option" value="1926">1926</option><option class="ui-form-option" value="1925">1925</option><option class="ui-form-option" value="1924">1924</option><option class="ui-form-option" value="1923">1923</option><option class="ui-form-option" value="1922">1922</option><option class="ui-form-option" value="1921">1921</option><option class="ui-form-option" value="1920">1920</option><option class="ui-form-option" value="1919">1919</option><option class="ui-form-option" value="1918">1918</option><option class="ui-form-option" value="1917">1917</option><option class="ui-form-option" value="1916">1916</option><option class="ui-form-option" value="1915">1915</option><option class="ui-form-option" value="1914">1914</option><option class="ui-form-option" value="1913">1913</option> </select><select name="birthday_month" class="ui-form-select js-acc-birth js-acc-birth--month ml-16 "> <option class="ui-form-option" value="">月</option> <option class="ui-form-option" value="1">1</option><option class="ui-form-option" value="2">2</option><option class="ui-form-option" value="3">3</option><option class="ui-form-option" value="4">4</option><option class="ui-form-option" value="5">5</option><option class="ui-form-option" value="6">6</option><option class="ui-form-option" value="7">7</option><option class="ui-form-option" value="8">8</option><option class="ui-form-option" value="9">9</option><option class="ui-form-option" value="10">10</option><option class="ui-form-option" value="11">11</option><option class="ui-form-option" value="12">12</option> </select><select name="birthday_day" class="ui-form-select js-acc-birth js-acc-birth--day ml-16 "> <option class="ui-form-option" value="">日</option> <option class="ui-form-option" value="1">1</option><option class="ui-form-option" value="2">2</option><option class="ui-form-option" value="3">3</option><option class="ui-form-option" value="4">4</option><option class="ui-form-option" value="5">5</option><option class="ui-form-option" value="6">6</option><option class="ui-form-option" value="7">7</option><option class="ui-form-option" value="8">8</option><option class="ui-form-option" value="9">9</option><option class="ui-form-option" value="10">10</option><option class="ui-form-option" value="11">11</option><option class="ui-form-option" value="12">12</option><option class="ui-form-option" value="13">13</option><option class="ui-form-option" value="14">14</option><option class="ui-form-option" value="15">15</option><option class="ui-form-option" value="16">16</option><option class="ui-form-option" value="17">17</option><option class="ui-form-option" value="18">18</option><option class="ui-form-option" value="19">19</option><option class="ui-form-option" value="20">20</option><option class="ui-form-option" value="21">21</option><option class="ui-form-option" value="22">22</option><option class="ui-form-option" value="23">23</option><option class="ui-form-option" value="24">24</option><option class="ui-form-option" value="25">25</option><option class="ui-form-option" value="26">26</option><option class="ui-form-option" value="27">27</option><option class="ui-form-option" value="28">28</option><option class="ui-form-option" value="29">29</option><option class="ui-form-option" value="30">30</option><option class="ui-form-option" value="31">31</option> </select> -
性別<label class="ui-form-label"> <input type="radio" name="sex" value="1" checked="checked" class="ui-form-radio js-acc-gender">男性 </label> <label class="ui-form-label"> <input type="radio" name="sex" value="2" class="ui-form-radio js-acc-gender ml-32">女性 </label> -
<label class="ui-form-label w-full"> メールアドレス <input type="text" name="email" value="" placeholder="" class="ui-form-txt mt-8 js-acc-email " style="width:100%;"></label>
<label class="ui-form-label mt-8"> <input type="checkbox" name="" class="ui-form-check js-acc-login-id__check" checked="true" >メールアドレスをログインIDにする </label>
<input type="hidden" name="mail_as_loginid" value="0" class="js-acc-mail-as-loginid-flag"><label class="ui-form-label w-full"> ログインID <input type="text" name="login_id" value="" placeholder="6〜50文字の半角英数字・記号" class="ui-form-txt mt-8 js-acc-login-id__field " style="width:100%;" maxlength="50">※ご希望のログインIDを設定できます。</label>
-
<label class="ui-form-label w-full acc-pass1 js-acc-pass1"> パスワード <input type="password" name="password" value="" placeholder="6〜20文字の半角英数字・記号" class="ui-form-txt mt-8 js-acc-pass__field1 js-acc-pass__field--sync " style="width:100%;" maxlength="20"> </label><label class="ui-form-label w-full acc-pass2 js-acc-pass2"> パスワード <input type="text" name="" placeholder="6〜20文字の半角英数字・記号" class="ui-form-txt mt-8 js-acc-pass__field2 js-acc-pass__field--sync " style="width:100%;" maxlength="20"> </label><label class="ui-form-label w-full mt-8"> <input type="checkbox" name="" class="ui-form-check js-acc-pass__check">パスワードを表示する </label>
-
電話番号
<input type="text" name="mob_tel_1" value="" class="ui-form-txt js-acc-tel js-acc-tel1 " style="width:20%;" maxlength="4"> - <input type="text" name="mob_tel_2" value="" class="ui-form-txt js-acc-tel js-acc-tel2 " style="width:20%;" maxlength="4"> - <input type="text" name="mob_tel_3" value="" class="ui-form-txt js-acc-tel js-acc-tel3 " style="width:20%;" maxlength="4">
-
<label class="ui-form-label w-full"> <input type="checkbox" name="" class="ui-form-check js-acc-gift-cd__check" >ギフトコードを入力する </label>
※ギフトコードをお持ちの方は、チェックをして入力ください。<label class="ui-form-label w-full mt-8 acc-gift-cd js-acc-gift-cd"> <input type="text" name="gift_code" value="" placeholder="ABCDE12345" class="ui-form-txt js-acc-gift-cd__field " style="width:100%;"> </label>
<input type="hidden" name="mail_magazine_flag" value="0" class="js-acc-mail-magazine-flag">
<button type="button" class="ui-btn--l js-acc-btn--next">次へ</button>
<script type="text/javascript" src="https://seal.verisign.com/getseal?host_name=unext.jp&size=S&use_flash=NO&use_transparent=YES&lang=ja"></script>
</form>
<script type='text/javascript' charset='utf-8' src='//click.showcase-tv.jp/click/ClickIndex.js' id='unext/20120528142152'></script> <noscript><img src='//click.showcase-tv.jp/click/ClickIndex.php?mode=noscript&id=unext&pg=20120528142152' width='0' height='0' /></noscript>
<script>
var unx = unx || {};
unx.usrinfo = unx.usrinfo || {};
unx.usrinfo = {
isLogin: false };
</script>
<script src="/static/js/dist/rev20151009210542.all.min.js"></script>
<script type="text/javascript">
!function(t,e){if(void 0===e[t]){e[t]=function(){e[t].clients.push(this),this._init=[Array.prototype.slice.call(arguments)]},e[t].clients=[];for(var r=function(t){return function(){return this["_"+t]=this["_"+t]||[],this["_"+t].push(Array.prototype.slice.call(arguments)),this}},s=["addRecord","set","trackEvent","trackPageview","ready"],n=0;n<s.length;n++){var i=s[n];e[t].prototype[i]=r(i)}var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"===document.location.protocol?"https:":"http:")+"//s3.amazonaws.com/td-cdn/sdk/td-1.2.0.js";var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(a,c)}}("Treasure",this);
</script>
<script type="text/javascript">
var unx = unx || {};
unx.td = {};
unx.td.writeKey = '5561/009da378c9fb9a70e621669e98a06e16d25041ef'; unx.td.database = 'unext_log_db';
var td = new Treasure({
writeKey: unx.td.writeKey,
database: unx.td.database
});
td.trackPageview('page_transition_log');
</script>
<script src="/static/analytics/analytics.unext.js"></script>
<script>
$(function() {
unx.acc.elm = {
$userDataForm : $('.js-acc-signup__form--step1'),
$fbLogin : $('.js-acc-fb-login'),
$btnNext : $('.js-acc-btn--next'),
$btnZipSearch : $('.js-acc-zip-search'),
$wrapNameKana : $('.js-acc-name__wrap'),
$txtSeiKana : $('.js-acc-last-name'),
$txtMeiKana : $('.js-acc-first-name'),
$wrapBirth : $('.js-acc-birth__wrap'),
$selBirthY : $('.js-acc-birth--year'),
$selBirthM : $('.js-acc-birth--month'),
$selBirthD : $('.js-acc-birth--day'),
$txtEmail : $('.js-acc-email'),
$chkLoginIdEmail : $('.js-acc-login-id__check'),
$txtLoginId : $('.js-acc-login-id__field'),
$txtPass1 : $('.js-acc-pass__field1'),
$txtPass2 : $('.js-acc-pass__field2'),
$wrapTel : $('.js-acc-tel__wrap'),
$txtTel1 : $('.js-acc-tel1'),
$txtTel2 : $('.js-acc-tel2'),
$txtTel3 : $('.js-acc-tel3'),
$wrapZip : $('.js-acc-zip__wrap'),
$txtZip1 : $('.js-acc-zip1'),
$txtZip2 : $('.js-acc-zip2'),
$txtAddress1 : $('.js-acc-address1'),
$txtAddress2 : $('.js-acc-address2'),
$txtAddress3 : $('.js-acc-address3'),
$txtAddress4 : $('.js-acc-address4'),
$chkGiftCode : $('.js-acc-gift-cd__check'),
$txtGiftCode : $('.js-acc-gift-cd__field'),
$selSignPref : $('.js-acc-sign__pref'),
$selSignShop : $('.js-acc-sign__shop'),
$chkStaffCode : $('.js-acc-staff-cd__check'),
$txtStaffCode : $('.js-acc-staff-cd__field'),
$mailMagFlag : $('.js-acc-mail-magazine-flag'),
$mailMagFlagInput : $('.js-acc-mail-magazine-flag__input')
};
// Facebook簡易登録
// unx.acc.elm.$fbLogin.on('click', function() {
// FB.login(function(res) {
// if ( res.status !== 'connected' ) return;
// FB.api('/me', function(res) {
// if(window.console) console.dir(res);
// // res.id
// // res.name
// // res.last_name
// // res.first_name
// // res.birthday
// // res.gender
// // res.email
// // res.link
// // res.locale
// // res.timezone
// // res.updated_time
// });
// });
// });
// 郵便番号 -> 住所検索処理
unx.acc.elm.$btnZipSearch.on('click', function() {
var _errCount = 0,
_elm = unx.acc.elm,
_zip1 = _elm.$txtZip1.val(),
_zip2 = _elm.$txtZip2.val(),
_ajaxUrl = $(this).attr('data-ajax-url'),
_addressList = null;
// 郵便番号 入力チェック
if( unx.vali.isEmpty( _zip1 ) ) _errCount++;
if( unx.vali.isEmpty( _zip2 ) ) _errCount++;
if( !unx.vali.isInRange( _zip1, {min:3} ) ) _errCount++;
if( !unx.vali.isInRange( _zip2, {min:4} ) ) _errCount++;
if( !unx.vali.isMatchType( _zip1, unx.vali.REG.NUM ) ) _errCount++;
if( !unx.vali.isMatchType( _zip2, unx.vali.REG.NUM ) ) _errCount++;
if(_errCount > 0) {
alert('郵便番号の入力が不正です。');
} else {
unx.acc.zipSearch({ajaxUrl:_ajaxUrl, zipCode: + _zip1 + _zip2}, function(addressList) {
$('.js-acc-address1').val(addressList[0]);
$('.js-acc-address2').val(addressList[1]);
$('.js-acc-address3').val(addressList[2]);
});
}
});
// 看板表示 <select> イベント処理
unx.acc.elm.$selSignPref.on('change', function() {
if( $(this).val()=== ) return;
var _selectedIndex = $(this).find('option:selected').index()-1;
_shopData = unx.sign.list[_selectedIndex].shop,
_shopOptionTpl = $('.tpl-acc-sign__shop-option').text();
$shop = unx.acc.elm.$selSignShop;
$shop.find('option:first').nextAll().remove();
for(var i=0,l=_shopData.length; i<l; i++) {
$shop.append(
'<option class="ui-form-option" value="'+_shopData[i].code+'">'+_shopData[i].name+'</option>');
}
});
// メルマガ送信許可フラグ イベント処理
unx.acc.elm.$mailMagFlagInput.on('change', function() {
if( $(this).is(':checked') ) {
unx.acc.elm.$mailMagFlag.val( $(this).val() );
} else {
unx.acc.elm.$mailMagFlag.val( '0' );
}
})
.change();
// 2度押し回避
unx.acc.disable2ndClick = new unx.util.Disable2ndClick(unx.acc.elm.$btnNext);
// フォーム送信時 validation処理
unx.acc.elm.$btnNext.on('click', function() {
var _errCount = 0,
_elm = unx.acc.elm;
// エラー表示リセット
$('.ui-error').each(function() {
$(this).removeClass('ui-error');
});
$('.ui-form-error__txt').each(function() {
$(this).remove();
});
// 名(カタカナ) 必須チェック
if(unx.vali.isEmpty( _elm.$txtMeiKana.val() )) {
_elm.$txtMeiKana.addClass('ui-error');
_elm.$wrapNameKana.after(' _errCount++;
}
// 姓(カタカナ) 必須チェック
if(unx.vali.isEmpty( _elm.$txtSeiKana.val() )) {
_elm.$txtSeiKana.addClass('ui-error');
_elm.$wrapNameKana.after(' _errCount++;
}
// Eメール 必須チェック
if(unx.vali.isEmpty( _elm.$txtEmail.val() )) {
_elm.$txtEmail
.addClass('ui-error')
.after(' _errCount++;
}
// ログインID 必須チェック
if( !_elm.$chkLoginIdEmail.is(':checked') ) {
if(unx.vali.isEmpty( _elm.$txtLoginId.val() )) {
_elm.$txtLoginId
.addClass('ui-error')
.after(' _errCount++;
}
}
// パスワード1 必須チェック
if(unx.vali.isEmpty( _elm.$txtPass1.val() )) {
_elm.$txtPass1
.addClass('ui-error')
.after(' _errCount++;
}
// パスワード1 文字数チェック
if(!unx.vali.isInRange( _elm.$txtPass1.val(), {min:6, max:20} )) {
_elm.$txtPass1
.addClass('ui-error')
.after(' _errCount++;
}
// パスワード2 必須チェック
if(unx.vali.isEmpty( _elm.$txtPass2.val() )) {
_elm.$txtPass2
.addClass('ui-error')
.after(' _errCount++;
}
// パスワード2 文字数チェック
if(!unx.vali.isInRange( _elm.$txtPass2.val(), {min:6, max:20} )) {
_elm.$txtPass2
.addClass('ui-error')
.after(' _errCount++;
}
// 生年月日・日 必須チェック
if(unx.vali.isEmpty( _elm.$selBirthD.val() )) {
_elm.$selBirthD.addClass('ui-error');
_elm.$wrapBirth.after(' _errCount++;
}
// 生年月日・月 必須チェック
if(unx.vali.isEmpty( _elm.$selBirthM.val() )) {
_elm.$selBirthM.addClass('ui-error');
_elm.$wrapBirth.after(' _errCount++;
}
// 生年月日・年 必須チェック
if(unx.vali.isEmpty( _elm.$selBirthY.val() )) {
_elm.$selBirthY.addClass('ui-error');
_elm.$wrapBirth.after(' _errCount++;
}
// TEL1 必須チェック
if(unx.vali.isEmpty( _elm.$txtTel1.val() )) {
_elm.$txtTel1.addClass('ui-error');
_elm.$wrapTel.after(' _errCount++;
}
// TEL1 型チェック
if(!unx.vali.isMatchType( _elm.$txtTel1.val(), unx.vali.REG.NUM )) {
_elm.$txtTel1.addClass('ui-error');
_elm.$wrapTel.after(' _errCount++;
}
// TEL2 必須チェック
if(unx.vali.isEmpty( _elm.$txtTel2.val() )) {
_elm.$txtTel2.addClass('ui-error');
_elm.$wrapTel.after(' _errCount++;
}
// TEL2 型チェック
if(!unx.vali.isMatchType( _elm.$txtTel2.val(), unx.vali.REG.NUM )) {
_elm.$txtTel2.addClass('ui-error');
_elm.$wrapTel.after(' _errCount++;
}
// TEL3 必須チェック
if(unx.vali.isEmpty( _elm.$txtTel3.val() )) {
_elm.$txtTel3.addClass('ui-error');
_elm.$wrapTel.after(' _errCount++;
}
// TEL3 型チェック
if(!unx.vali.isMatchType( _elm.$txtTel3.val(), unx.vali.REG.NUM )) {
_elm.$txtTel3.addClass('ui-error');
_elm.$wrapTel.after(' _errCount++;
}
if (_elm.$txtZip1.size() > 0) {
// 郵便番号1 必須チェック
if(unx.vali.isEmpty( _elm.$txtZip1.val() )) {
_elm.$txtZip1.addClass('ui-error');
_elm.$wrapZip.after(' _errCount++;
}
// 郵便番号1 型チェック
if(!unx.vali.isMatchType( _elm.$txtZip1.val(), unx.vali.REG.NUM )) {
_elm.$txtZip1.addClass('ui-error');
_elm.$wrapZip.after(' _errCount++;
}
// 郵便番号2 必須チェック
if(unx.vali.isEmpty( _elm.$txtZip2.val() )) {
_elm.$txtZip2.addClass('ui-error');
_elm.$wrapZip.after(' _errCount++;
}
// 郵便番号2 型チェック
if(!unx.vali.isMatchType( _elm.$txtZip2.val(), unx.vali.REG.NUM )) {
_elm.$txtZip2.addClass('ui-error');
_elm.$wrapZip.after(' _errCount++;
}
// 住所1 必須チェック
if(unx.vali.isEmpty( _elm.$txtAddress1.val() )) {
_elm.$txtAddress1
.addClass('ui-error')
.after(' _errCount++;
}
// 住所2 必須チェック
if(unx.vali.isEmpty( _elm.$txtAddress2.val() )) {
_elm.$txtAddress2
.addClass('ui-error')
.after(' _errCount++;
}
}
// ギフトコード 必須チェック
if( _elm.$chkGiftCode.is(':checked') ) {
if(unx.vali.isEmpty( _elm.$txtGiftCode.val() )) {
_elm.$txtGiftCode
.addClass('ui-error')
.after(' _errCount++;
}
if(!unx.vali.isMatchType( _elm.$txtGiftCode.val(), unx.vali.REG.HALF_EN_NUM )) {
_elm.$txtGiftCode
.addClass('ui-error')
.after(' _errCount++;
}
}
if (_elm.$selSignShop.size() > 0) {
// 看板表示 必須チェック
if(unx.vali.isEmpty( _elm.$selSignShop.val() )) {
_elm.$selSignShop
.addClass('ui-error')
.after(' _errCount++;
}
}
if (_elm.$chkStaffCode.size() >0) {
// 販売店CD 必須チェック
if( _elm.$chkStaffCode.is(':checked') ) {
if(unx.vali.isEmpty( _elm.$txtStaffCode.val() )) {
_elm.$txtStaffCode
.addClass('ui-error')
.after(' _errCount++;
}
if(!unx.vali.isMatchType( _elm.$txtStaffCode.val(), unx.vali.REG.HALF_EN_NUM )) {
_elm.$txtStaffCode
.addClass('ui-error')
.after(' _errCount++;
}
}
}
if(_errCount <= 0) {
_elm.$userDataForm.submit();
} else {
unx.acc.disable2ndClick.reset(); // 2度押し禁止状態 解除
unx.common.smoothScroll.scroll();
}
});
});
</script>
</body> </html>
" alt="" class="gnav--account__logo-img">