{"id":11335,"date":"2025-04-26T08:16:37","date_gmt":"2025-04-26T08:16:37","guid":{"rendered":"https:\/\/wowgizmo.com\/?page_id=11335"},"modified":"2025-12-27T00:45:05","modified_gmt":"2025-12-27T00:45:05","slug":"member-login","status":"publish","type":"page","link":"https:\/\/wowgizmo.com\/index.php\/member-login\/","title":{"rendered":"Member Login"},"content":{"rendered":"\n\n  <style>\n    form.secure-login-box-987 {\n        width: 100%;\n        max-width: 550px;\n        margin: 0 auto;\n        padding: 15px;\n        background-color: #f0f0f0;\n        border-radius: 10px;\n        border: 2px solid #dfdede;\n        margin-top: 30px;\n        margin-bottom: 45px;\n    }\n    form.secure-login-box-987 p {\n        font-size: 14px;\n        font-weight: 400;\n        color: #333;\n        text-align: center;\n    }\n    form.secure-login-box-987 input[type=\"text\"],\n    form.secure-login-box-987 input[type=\"password\"] {\n        display: block;\n        width: 100%;\n        padding: 15px;\n        border-radius: 8px;\n        border: 1px solid #ccc;\n        background-color: #fff;\n        font-size: 14px;\n        color: #333;\n        box-sizing: border-box;\n        transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\n        margin-bottom: 7px;\n    }\n\n    form.secure-login-box-987 input:focus {\n        border-color: #0073e6;\n        box-shadow: 0 0 5px rgba(0, 115, 230, 0.5);\n        outline: none;\n    }\n\n    form.secure-login-box-987 input.invalid {\n        border-color: red !important;\n        box-shadow: 0 0 5px rgba(255, 0, 0, 0.4) !important;\n    }\n\n    .error-message {\n        color: red;\n        font-size: 13px;\n        margin-top: 5px;\n        margin-bottom: 10px;\n        text-align: left;\n        display: none;\n    }\n\n    form.secure-login-box-987 input[type=\"submit\"] {\n        display: block;\n        width: 100%;\n        background-color: #0073e6;\n        color: white;\n        border: none;\n        border-radius: 8px;\n        font-size: 16px;\n        font-weight: bold;\n        cursor: pointer;\n        margin-top: 10px;\n        transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;\n    }\n\n    form.secure-login-box-987 input[type=\"submit\"]:hover {\n        background-color: #005bb5;\n        transform: translateY(-2px);\n    }\n\n    form.secure-login-box-987 label {\n        font-size: 14px;\n        font-weight: 600;\n        text-align: left;\n        margin-top: 5px;\n        color: #333;\n        display: block;\n    }\n\n    \/* Flexbox container for aligning links side by side *\/\n    .secure-login-box-987-links {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n        margin-bottom: 10px;\n    }\n\n    .secure-login-box-987-forgot,\n    .secure-login-box-987-register {\n        font-size: 14px;\n        color: #0073e6;\n        text-decoration: none;\n        transition: color 0.3s;\n    }\n\n    .secure-login-box-987-forgot:hover,\n    .secure-login-box-987-register:hover {\n        color: #005bb5;\n        text-decoration: underline;\n    }\n\n  <\/style>\n<\/head>\n<body>\n\n  <form class=\"secure-login-box-987\" id=\"secure-login-form\" action=\"#\" method=\"post\" novalidate autocomplete=\"off\">\n    <p>Please enter your Email and Password.<\/p>\n\n    <label for=\"user-id\">Email:<\/label>\n    <input type=\"text\" id=\"user-id\" name=\"user_id_random\" placeholder=\"Enter your Email\" autocomplete=\"off\">\n    <div id=\"id-error\" class=\"error-message\">Please enter your Email.<\/div>\n\n    <label for=\"pwbox\">Password:<\/label>\n    <input type=\"password\" id=\"pwbox\" name=\"post_password_random\" placeholder=\"Enter password\" autocomplete=\"new-password\">\n    <div id=\"pw-error\" class=\"error-message\">Please enter your Password.<\/div>\n    <div id=\"match-error\" class=\"error-message\">Incorrect Email or Password.<\/div>\n\n    <div class=\"secure-login-box-987-links\">\n      <a href=\"https:\/\/wowgizmo.com\/index.php\/member-forgot\/\" class=\"secure-login-box-987-forgot\">Forgot password?<\/a>\n      <!-- a href=\"https:\/\/wowgizmo.com\/index.php\/member-register\/\" class=\"secure-login-box-987-register\">Member Registration<\/a -->\n    <\/div>\n\n    <input type=\"submit\" value=\"Login\">\n  <\/form>\n\n  <script>\n    document.getElementById(\"secure-login-form\").addEventListener(\"submit\", function(e) {\n      e.preventDefault();\n\/*\n      const userId = document.getElementById(\"user-id\");\n      const password = document.getElementById(\"pwbox\");\n\n      const idError = document.getElementById(\"id-error\");\n      const pwError = document.getElementById(\"pw-error\");\n      const matchError = document.getElementById(\"match-error\");\n\n      \/\/ Reset styles and messages\n      userId.classList.remove(\"invalid\");\n      password.classList.remove(\"invalid\");\n      idError.style.display = \"none\";\n      pwError.style.display = \"none\";\n      matchError.style.display = \"none\";\n\n      let hasError = false;\n\n      if (userId.value.trim() === \"\") {\n        userId.classList.add(\"invalid\");\n        idError.style.display = \"block\";\n        hasError = true;\n      }\n\n      if (password.value.trim() === \"\") {\n        password.classList.add(\"invalid\");\n        pwError.style.display = \"block\";\n        hasError = true;\n      }\n\n      if (!hasError) {\n        \/\/ Simulated login check\n        const validUser = \"admin\";\n        const validPass = \"12345\";\n\n        if (userId.value !== validUser || password.value !== validPass) {\n          userId.classList.add(\"invalid\");\n          password.classList.add(\"invalid\");\n          matchError.style.display = \"block\";\n        } else {\n          alert(\"Login successful!\");\n          \/\/ Optional: redirect or process login\n          \/\/ window.location.href = \"dashboard.html\";\n        }\n      }\n*\/\n\n\t\tconst userId = document.getElementById(\"user-id\").value.trim();\n        const password = document.getElementById(\"pwbox\").value.trim();\n        const idError = document.getElementById(\"id-error\");\n        const pwError = document.getElementById(\"pw-error\");\n        const matchError = document.getElementById(\"match-error\");\n\n        \/\/ \ucd08\uae30\ud654\n        idError.style.display = \"none\";\n        pwError.style.display = \"none\";\n        matchError.style.display = \"none\";\n\n        if (!userId) {\n            idError.style.display = \"block\";\n            return;\n        }\n        if (!password) {\n            pwError.style.display = \"block\";\n            return;\n        }\n\n        \/\/ AJAX \uc694\uccad\n        fetch('https:\/\/wowgizmo.com\/wp-admin\/admin-ajax.php', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n            body: new URLSearchParams({\n                action: 'custom_secure_login',\n                user_id: userId,\n                user_password: password\n            })\n        })\n        .then(response => response.json())\n        .then(data => {\n            if (data.success) {\n                window.location.href = 'https:\/\/wowgizmo.com\/index.php\/member-list\/';\n            } else {\n                matchError.style.display = \"block\";\n            }\n        })\n        .catch(error => {\n            console.error('Error:', error);\n        });\n\n\n\t});\n  <\/script>\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-11335","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wowgizmo.com\/index.php\/wp-json\/wp\/v2\/pages\/11335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wowgizmo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wowgizmo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wowgizmo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wowgizmo.com\/index.php\/wp-json\/wp\/v2\/comments?post=11335"}],"version-history":[{"count":4,"href":"https:\/\/wowgizmo.com\/index.php\/wp-json\/wp\/v2\/pages\/11335\/revisions"}],"predecessor-version":[{"id":11341,"href":"https:\/\/wowgizmo.com\/index.php\/wp-json\/wp\/v2\/pages\/11335\/revisions\/11341"}],"wp:attachment":[{"href":"https:\/\/wowgizmo.com\/index.php\/wp-json\/wp\/v2\/media?parent=11335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}