{"id":2558,"date":"2024-02-19T17:25:10","date_gmt":"2024-02-19T08:25:10","guid":{"rendered":"https:\/\/hatsuon-kentei.net\/?page_id=2558"},"modified":"2025-04-18T16:23:58","modified_gmt":"2025-04-18T07:23:58","slug":"%e6%96%b0%e8%a6%8f%e7%99%bb%e9%8c%b2","status":"publish","type":"page","link":"https:\/\/hatsuon-kentei.net\/?page_id=2558","title":{"rendered":"Registration"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2558\" class=\"elementor elementor-2558\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0908ef0 e-flex e-con-boxed e-con e-parent\" data-id=\"0908ef0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d44f617 elementor-widget elementor-widget-html\" data-id=\"d44f617\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html>\n    <head>\n        <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.3.1\/dist\/css\/bootstrap.min.css\" integrity=\"sha384-ggOyR0iXCbMQv3Xipma34MD+dH\/1fQ784\/j6cY\/iJTQUOhcWr7x9JvoRxT2MZw1T\" crossorigin=\"anonymous\">\n        <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js\"><\/script>\n\n        <style type=\"text\/css\">\n            body {\n                font-size: 13px;\n            }\n            .form-register {\n\/*                background-color: #99d3f3;*\/\n                padding: 30px;\n                border-radius: 15px;\n            }\n\n            #privacy_policy {\n                height: 18px !important;\n                width: 18px !important;\n                vertical-align: middle;\n                margin-left: 0;\n            }\n\n            #policy_text {\n                display: inline-block;\n                vertical-align: bottom;\n                text-decoration: underline;\n                font-size: 15px;\n                padding-bottom: 0px;\n                margin-left: 0px;\n            }\n\n            .form-group {\n                margin-bottom: 7px;\n            }\n\n            .note-usage {\n                background-color: #bd3a3a;\n                color: #fff;\n                padding: 5px;\n            }\n\n            .hidden {\n                display: none;\n            }\n\n            .create-success {\n                background-color: #28A745;\n                color: #fff;\n                padding: 5px;\n            }\n\n            .pd-10 {\n                padding: 10px;\n            }\n\n            .modal {\n              text-align: center;\n              padding: 0!important;\n            }\n\n            .modal:before {\n              content: '';\n              display: inline-block;\n              height: 100%;\n              vertical-align: middle;\n              margin-right: -4px; \/* Adjusts for spacing *\/\n            }\n\n            .modal-dialog {\n              display: inline-block;\n              text-align: left;\n              vertical-align: middle;\n              width: 90%;\n              justify-content: center !important;\n            }\n        <\/style>\n    <\/head>\n\n    <body>\n        <div class=\"row pd-10\">\n            <div class=\"col-md-10 offset-md-1\">\n                <div class=\"row\">\n                        <div class=\"col-md-10 offset-md-1 form-register\">\n                            <form name=\"form-register\" id=\"form-register\">\n                                <div class=\"form-group mb-4\">\n                                    <label class=\"label-cotrol mb-1\">Full Name <span class=\"text-danger\">*<\/span><\/label>\n                                    <input class=\"form-control\" type=\"text\" id=\"name\" name=\"name\" value=\"\" placeholder=\"\" autocomplete=\"off\">\n                                    <span class=\"mess-error text-danger\"><\/span>\n                                <\/div>\n\n                                <div class=\"form-group mb-4\">\n                                    <label class=\"label-cotrol mb-1\">Email <span class=\"text-danger\">*<\/span><\/label>\n                                    <input class=\"form-control\" type=\"email\" id=\"email\" name=\"email\" value=\"\" placeholder=\"\" autocomplete=\"off\">\n                                    <span class=\"mess-error text-danger\"><\/span>\n                                <\/div>\n\n                                <div class=\"form-group mb-4\">\n                                    <label class=\"label-cotrol mb-1\">User Name <span class=\"text-danger\">*<\/span><\/label>\n                                    <input class=\"form-control\" type=\"text\" id=\"user_code\" name=\"user_code\" placeholder=\"\" autocomplete=\"off\">\n                                    <span class=\"mess-error text-danger\"><\/span>\n                                <\/div>\n\n                                <div class=\"form-group mb-4\">\n                                    <label class=\"label-cotrol mb-1\">Password\uff08At least characters 8 including half-width alphanumeric + uppercase letters + @, $, !, %, *, ?, &, -, _ symbols\uff09<span class=\"text-danger\">*<\/span><\/label>\n                                    <input class=\"form-control\" type=\"password\" id=\"password\" name=\"password\" autocomplete=\"off\">\n                                    <span class=\"mess-error text-danger\"><\/span>\n                                <\/div>\n\n                                <div class=\"form-group mb-4\">\n                                    <label class=\"label-cotrol mb-1\">Password Confirmation <span class=\"text-danger\">*<\/span><\/label>\n                                    <input class=\"form-control\" type=\"password\" id=\"password_confirmation\" name=\"password_confirmation\" value=\"\">\n                                    <span class=\"mess-error text-danger\"><\/span>\n                                <\/div>\n\n                                <div class=\"form-group mb-3\">\n                                    <label class=\"label-cotrol mb-1\">Coupon Code<\/label>\n                                    <input class=\"form-control\" type=\"text\" id=\"agency_code\" name=\"agency_code\" value=\"\">\n                                    <span class=\"mess-error text-danger\"><\/span>\n                                <\/div>\n                                <p><a class=\"text-danger mb-3\" target=\"_blank\" href=\"https:\/\/hatsuon-kentei.net\/?page_id=2032\">Privacy Policy<\/a><\/p>\n                                <p><a class=\"text-danger mt-1 mb-2\" target=\"_blank\" href=\"https:\/\/hatsuon-kentei.net\/?page_id=2060\">Terms of Service<\/a><\/p>\n\n                                <div class=\"form-group mt-1\" style=\"vertical-align: middle;\">\n                                    <p>Have you read our Terms of Use and Privacy Policy?<\/p>\n                                    <label>\n                                        <input type=\"checkbox\" id=\"privacy_policy\" name=\"privacy_policy\" value=\"\"><span style=\"margin-left: 3px; font-size: 14px;\">Yes<\/span>\n                                    <\/label>\n                                <\/div>\n                                <button type=\"submit\" id=\"register\" style=\"text-shadow: none;\" class=\"btn btn-primary form-control\" disabled>Send<\/button>\n\n                                <div class=\"form-group mt-3\">\n                                    <p>Do you already have an account? <span class=\"text-danger\"><a class=\"text-danger\" href=\"https:\/\/hatsuon-kentei.net\/?page_id=2355\">Login<\/a><\/span><\/p>\n                                <\/div>\n                                <div class=\"form-group note-usage\">\n                                    <span>Currently, iPhone is the only supported device. Please understand this before registering.<\/span>\n                                <\/div>\n\n                                <div class=\"modal fade\" id=\"creat-success\" role=\"dialog\">\n                                    <div class=\"modal-dialog\">\n                                      <!-- Modal content-->\n                                      <div class=\"modal-content\">\n                                        <div class=\"modal-header\">\n                                          <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n                                        <\/div>\n                                        <div class=\"modal-body text-center\">\n                                            <p class=\"text-success\" style=\"margin-bottom: 0;\">Registration successful! Please check your email for verification.<\/p>\n                                        <\/div>\n                                        <div class=\"modal-footer justify-content-center\">\n                                            <span class=\"goto-login btn btn-primary\">Go to login screen<\/span>\n                                        <\/div>\n                                      <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/form>\n                        <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <script type=\"text\/javascript\">\n            $(document).ready(function () {\n                const VALIDATE_ERROR_MESSAGE = [\n                    \n                ]\n                \/\/ Prerequisite checked checkbox to submit\n                $(\"input#privacy_policy\").on('click', function () {\n                    if ($(this).is(':checked')) {\n                        $(\"#register\").prop('disabled', false);\n                    } else {\n                        $(\"#register\").prop('disabled', true);\n                    }\n                });\n                \n                $(\".goto-login\").click(function () {\n                    window.location.assign(\"https:\/\/hatsuon-kentei.net\/?page_id=2355\")\n                })\n\n                \/\/ Register user\n                $(\"#form-register\").on('submit', function (event) {\n                    event.preventDefault();\n                    $(\"#register\").prop('disabled', true);\n                    const name = $(\"#name\").val();\n                    const user_code = $(\"#user_code\").val();\n                    const email = $(\"#email\").val();\n                    const password = $(\"#password\").val();\n                    const password_confirmation = $(\"#password_confirmation\").val();\n                    const agency_code = $(\"#agency_code\").val();\n                    $(\".mess-error\").text(\"\");\n                    $(\".create-success\").addClass('hidden');\n\n                    $.ajax({\n                        url: \"https:\/\/cms.hatsuon-kentei.net\/api\/register\",\n                        method: 'POST',\n                        headers: {\n                            'Content-Type': 'application\/x-www-form-urlencoded'\n                        },\n                        dataType: \"json\",\n                        data: {\n                            name: name,\n                            user_code: user_code,\n                            email: email,\n                            password: password,\n                            password_confirmation: password_confirmation,\n                            agency_code: agency_code,\n                        }\n                    }).done(function (data) {\n                        $(\"#register\").prop('disabled', true);\n                        $(\".create-success\").removeClass('hidden');\n                        $(\"#creat-success\").modal(\"show\")\n                        $(\"input#privacy_policy\").prop('checked', false);\n                        $(\"input\").val(\"\");\n                    }).fail(function (response) {\n                        const messages = JSON.parse(response.responseText)['errors'];\n                        $(\"#register\").prop('disabled', false);\n\n                        for (const [key, value] of Object.entries(messages)) {\n                            $(\"input[name=\" + key + \"]\").parent('.form-group').find('.mess-error').html(translateMessage(value).join(\"<br \/>\"));\n                        }\n                    })\n                });\n            });\n\n            function translateMessage(messages) {\n                const translated = [];\n\n                messages.forEach(function(mess, index) {\n                    if (mess.includes('\u5fc5\u305a\u6307\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044')) {\n                        \/\/ message full name\n                        translated[index] = \"This field is required\";\n                    } else if (mess.includes('100\u6587\u5b57\u4ee5\u4e0b\u306b\u3057\u3066\u304f\u3060\u3055\u3044')) {\n                        translated[index] = \"Please use maximum  100 characters\";\n                    } else if (mess.includes(\"\u6709\u52b9\u306a\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u5f62\u5f0f\u3067\u6307\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\")) {\n                        \/\/ message email\n                        translated[index] = \"Please enter your email address in a valid email address format\";\n                    } else if (mess.includes(\"255\u6587\u5b57\u4ee5\u4e0b\u306b\u3057\u3066\u304f\u3060\u3055\u3044\")) {\n                        translated[index] = \"Please use maximum  255 characters\";\n                    } else if (mess.includes(\"\u6307\u5b9a\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306f\u65e2\u306b\u4f7f\u7528\u3055\u308c\u3066\u3044\u307e\u3059\")) {\n                        translated[index] = \"The specified email address is already in use\";\n                    } else if (mess.includes(\"4\u6587\u5b57\u4ee5\u4e0a\u306b\u3057\u3066\u304f\u3060\u3055\u3044\")) {\n                        \/\/message user code\n                        translated[index] = \"Please use at least 4 characters\";\n                    } else if (mess.includes(\"16\u6587\u5b57\u4ee5\u4e0b\u306b\u3057\u3066\u304f\u3060\u3055\u3044\")) {\n                        translated[index] = \"Please use maximum 16 characters\";\n                    } else if (mess.includes(\"\u6709\u52b9\u306a\u6b63\u898f\u8868\u73fe\u3092\u6307\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\")) {\n                        translated[index] = \"Please specify a valid regular expression\";\n                    } else if (mess.includes(\"\u6307\u5b9a\u306e\u30e6\u30fc\u30b6\u30fc\u540d\u306f\u65e2\u306b\u4f7f\u7528\u3055\u308c\u3066\u3044\u307e\u3059\")) {\n                        translated[index] = \"The specified username is already in use\";\n                    } else if (mess.includes(\"8\u6587\u5b57\u4ee5\u4e0a\u306b\u3057\u3066\u304f\u3060\u3055\u3044\")) {\n                        \/\/ message password\n                        translated[index] = \"Please use at least 8 characters\";\n                    } else if (mess.includes(\"32\u6587\u5b57\u4ee5\u4e0b\u306b\u3057\u3066\u304f\u3060\u3055\u3044\")) {\n                        translated[index] = \"Please use maximum 32 characters\";\n                    } else if (mess.includes(\"\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u4e0a\u8a18\u306e\u6761\u4ef6\u3092\u6e80\u305f\u3057\u3066\u3044\u307e\u305b\u3093\")) {\n                        translated[index] = \"Password does not meet the above conditions\";\n                    } else if (mess.includes(\"\u30d1\u30b9\u30ef\u30fc\u30c9\uff08\u78ba\u8a8d\uff09\u3068\u30d1\u30fc\u30b9\u30ef\u30fc\u30c9\u304c\u4e00\u81f4\u3057\u307e\u305b\u3093\")) {\n                        translated[index] = \"Password (confirm) and password do not match\";\n                    } else if (mess.includes(\"\u7121\u52b9\u306a\u30b3\u30fc\u30c9\")) {\n                        \/\/ message agency code\n                        translated[index] = \"invalid code\";\n                    } else {\n                        translated[index] = mess;\n                    }\n                })\n\n                return translated;\n            }\n        <\/script>\n    <\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Full Name * Email * User Name  &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2558","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hatsuon-kentei.net\/index.php?rest_route=\/wp\/v2\/pages\/2558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hatsuon-kentei.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hatsuon-kentei.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hatsuon-kentei.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hatsuon-kentei.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2558"}],"version-history":[{"count":23,"href":"https:\/\/hatsuon-kentei.net\/index.php?rest_route=\/wp\/v2\/pages\/2558\/revisions"}],"predecessor-version":[{"id":2669,"href":"https:\/\/hatsuon-kentei.net\/index.php?rest_route=\/wp\/v2\/pages\/2558\/revisions\/2669"}],"wp:attachment":[{"href":"https:\/\/hatsuon-kentei.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}