{"id":282,"date":"2024-05-02T10:59:11","date_gmt":"2024-05-02T01:59:11","guid":{"rendered":"https:\/\/javascript.auctionpro.co.kr\/?page_id=282"},"modified":"2024-05-02T11:06:45","modified_gmt":"2024-05-02T02:06:45","slug":"password-validate","status":"publish","type":"page","link":"https:\/\/javascript.auctionpro.co.kr\/?page_id=282","title":{"rendered":"PASSWORD Validate"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

HTML<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\uacc4\uc815 \ub9cc\ub4e4\uae30<\/title>\n    <link rel=\"stylesheet\" href=\"styles.css\">\n<\/head>\n<body>\n    <form id=\"registrationForm\">\n        <label for=\"email\">\uc774\uba54\uc77c *<\/label>\n        <input type=\"email\" id=\"email\" name=\"email\" required>\n        \n        <label for=\"password\">\ube44\ubc00\ubc88\ud638 *<\/label>\n        <input type=\"password\" id=\"password\" name=\"password\" required>\n        \n        <label for=\"username\">\uc774\ub984 *<\/label>\n        <input type=\"text\" id=\"username\" name=\"username\" required>\n        \n        <label for=\"age\">\uc131 *<\/label>\n        <input type=\"text\" id=\"age\" name=\"age\" required>\n        \n        <button type=\"submit\">\uacc4\uc815 \ub9cc\ub4e4\uae30<\/button>\n    <\/form>\n\n    <script src=\"script.js\"><\/script>\n<\/body>\n<\/html>\n<\/pre><\/div>\n\n\n\n
CSS (styles.css)<\/h3>\n\n\n\n
body {\n    font-family: 'Arial', sans-serif;\n}\n\nform {\n    width: 300px;\n    margin: 0 auto;\n    padding: 20px;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n}\n\ninput[type=email],\ninput[type=password],\ninput[type=text] {\n    width: calc(100% - 22px);\n    padding: 10px;\n    margin-bottom: 10px;\n    border: 1px solid #ddd;\n    border-radius: 5px;\n}\n\nbutton[type=submit] {\n    width: 100%;\n    padding: 10px;\n    border: none;\n    border-radius: 5px;\n    background-color: #5cb85c;\n    color: white;\n    cursor: pointer;\n}\n\nbutton[type=submit]:hover {\n    background-color: #4cae4c;\n}\n<\/pre><\/div>\n\n\n\n
JavaScript (script.js)<\/h3>\n\n\n\n
document.getElementById('registrationForm').addEventListener('submit', function(event) {\n    event.preventDefault();\n    \n    var email = document.getElementById('email').value;\n    var password = document.getElementById('password').value;\n    var username = document.getElementById('username').value;\n    \n    var errorMessage = validatePassword(password, username);\n    if (errorMessage !== '\ube44\ubc00\ubc88\ud638\uac00 \ubaa8\ub4e0 \uc870\uac74\uc744 \ucda9\uc871\ud569\ub2c8\ub2e4.') {\n        alert(errorMessage);\n    } else {\n        \/\/ \ud3fc \uc81c\ucd9c \ucc98\ub9ac\n        \/\/ \uc608: \uc11c\ubc84\uc5d0 \ub370\uc774\ud130\ub97c \ubcf4\ub0b4\uac70\ub098, \ub2e4\ub978 \ud398\uc774\uc9c0\ub85c \uc774\ub3d9\ud558\ub294 \ub4f1\uc758 \ucc98\ub9ac\n        alert('\uacc4\uc815 \uc0dd\uc131\uc774 \uc644\ub8cc\ub418\uc5c8\uc2b5\ub2c8\ub2e4.');\n    }\n});\n\nfunction validatePassword(password, username) {\n    if (password.length < 12 || password.length > 60) {\n        return '\ube44\ubc00\ubc88\ud638\ub294 12\uc790 \uc774\uc0c1, 60\uc790 \uc774\ud558\uc774\uc5b4\uc57c \ud569\ub2c8\ub2e4.';\n    }\n    if (!\/[a-z]\/.test(password)) {\n        return '\ube44\ubc00\ubc88\ud638\uc5d0\ub294 \ucd5c\uc18c \ud55c \uac1c\uc758 \uc18c\ubb38\uc790\uac00 \ud3ec\ud568\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.';\n    }\n    if (!\/[A-Z]\/.test(password)) {\n        return '\ube44\ubc00\ubc88\ud638\uc5d0\ub294 \ucd5c\uc18c \ud55c \uac1c\uc758 \ub300\ubb38\uc790\uac00 \ud3ec\ud568\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.';\n    }\n    if (!\/[0-9]\/.test(password)) {\n        return '\ube44\ubc00\ubc88\ud638\uc5d0\ub294 \ucd5c\uc18c \ud55c \uac1c\uc758 \uc22b\uc790\uac00 \ud3ec\ud568\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.';\n    }\n    if (!\/[!@#\\$%\\^\\&*\\)\\(+=._-]\/.test(password)) {\n        return '\ube44\ubc00\ubc88\ud638\uc5d0\ub294 \ucd5c\uc18c \ud55c \uac1c\uc758 \ud2b9\uc218 \ubb38\uc790\uac00 \ud3ec\ud568\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.';\n    }\n    if (password\n<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"
HTML CSS (styles.css) JavaScript (script.js)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-282","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=282"}],"version-history":[{"count":2,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/282\/revisions"}],"predecessor-version":[{"id":287,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/282\/revisions\/287"}],"wp:attachment":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}