https:\/\/freelifemakers.org\/lec\/form5.php<\/a><\/p>\n\n\n\nform5.php\n<?php\n\n$fileName = \".\/form_action5.php\";\n\nif(!is_file($fileName)){\n $form_action_name = basename($_SERVER['PHP_SELF']);\n}else{\n $form_action_name = \".\/form_action5.php\";\n}\n ?>\n\n<!DOCTYPE html>\n<html>\n <head>\n <title>Bootstrap 5 webform<\/title>\n <!--\uc774 \ubd80\ubd84\uc740 html\ucf54\uba58\ud2b8 \uc601\uc5ed This part is the html comment area,\ub9c8\uc784\ud0c0\uc785\uc124\uc815 Mime type settings\/\/-->\n <meta charset=\"utf-8\">\n <!-- \ubaa8\ubc14\uc77c\ud3f0 \uc2a4\ud06c\ub9b0 \uc635\uc158 Mobile phone screen options\/\/-->\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <!--\ubd80\ud2b8\uc2a4\ud2b8\ub7a95 CDN\ubc29\uc2dd \ub9c1\ud06c Bootstrap 5 CDN method link\/\/-->\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n <!-- \ud3fc\uccb4\ud06c innerHTML\uacbd\uace0 \uba54\uc2dc\uc9c0 \ucd9c\ub825 -->\n <!-- Form check innerHTML warning message output \/\/-->\n <script>\n function frmSubmit(){\n \n \/\/name input box\uc5d0\uc11c \uac12\uc744 \uac00\uc838\uc624\uae30\n \/\/Get value from name input box\n var frmName = document.getElementById(\"name\").value;\n var frmEmail = document.getElementById(\"email\").value; \n var frmWebsite = document.getElementById(\"website\").value; <\/mark> \n var frmTitle = document.getElementById(\"title\").value; <\/mark> \n var frmPwd = document.getElementById(\"pwd\").value;\n var frmComment = document.getElementById(\"comment\").value;<\/mark>\n\n \/\/\uc815\uaddc\ud45c\ud604\uc2dd\uacfc \ube44\uad50\ud558\uc5ec \uc774\uba54\uc77c \ubc0f url\ud14c\uc2a4\ud2b8\n \/\/Test the email and url against the regular expression\n var regex = \/^[\\w-]+(\\.[\\w-]+)*@([\\w-]+\\.)+[a-zA-Z]{2,7}$\/;\n var emailCheck = regex.test(frmEmail); \n var regexURL = \/^(https?:\\\/\\\/)?([a-z0-9-]+\\.)+[a-z]{2,7}(\\\/\\S*)?$\/i;\n var URLCheck = regexURL.test(frmWebsite);<\/mark>\n\n \/\/ \uc6f9\uc0ac\uc774\ud2b8\uc8fc\uc18c\uac00 \uacf5\ubc31\uc774\uba74 \ud655\uc778\ud558\uc9c0 \uc54a\uc74c.\n \/\/ If the website field is blank, it does not check.\n if(frmWebsite == \"\"){\n URLCheck = true;\n } <\/mark> <\/mark> \n<\/mark>\n \/\/\uc5d0\ub7ec\uba54\uc138\uc9c0 \ucd08\uae30\ud654\n \/\/Reset error message\n errorName.innerHTML = \"\";\n errorEmail.innerHTML = \"\"; \n errorPwd.innerHTML = \"\";\n errorWebsite.innerHTML = \"\";<\/mark>\n errorTitle.innerHTML = \"\";<\/mark>\n errorComment.innerHTML = \"\";<\/mark>\n \n \/\/\uac12\uc758 \uc874\uc7ac \uc5ec\ubd80\uccb4\ud06c ,\uacf5\ubc31\uc774\uba74 \uacbd\uace0\ucc3d \ub744\uc6b0\uae30\n \/\/Check whether value exists, if blank, display warning window\n if(frmName == \"\"){\n errorName.innerHTML =\"<p>\uc774\ub984\uc744 \uc785\ub825\ud558\uc138\uc694(Please Enter Your Name)<\/p>\";\n return;\n }else if(frmEmail == \"\"){\n errorEmail.innerHTML =\"<p>Email\uc744 \uc785\ub825\ud558\uc138\uc694(Please Enter Your Email)<\/p>\";\n return;\n }else if(emailCheck == false){ \n errorEmail.innerHTML =\"<p>\uc815\ud655\ud55c Email\uc744 \uc785\ub825\ud558\uc138\uc694(Please enter the correct Email)<\/p>\"; \n return; \n }else if(URLCheck == false){ \n errorWebsite.innerHTML =\"<p>\uc815\ud655\ud55c URL\uc744 \uc785\ub825\ud558\uc138\uc694(Please enter the correct URL)<\/p>\"; \n return; <\/mark>\n }else if(frmTitle == \"\"){\n errorTitle.innerHTML =\"<p>\uc81c\ubaa9\uc744 \uc785\ub825\ud558\uc138\uc694(Please enter the post title)<\/p>\";\n return; \n }else if(frmPwd == \"\"){\n errorPwd.innerHTML =\"<p>\ud328\uc2a4\uc6cc\ub4dc\ub97c \uc785\ub825\ud558\uc138\uc694(Please Enter Your Password)<\/p>\";\n return;\n }else if(frmComment == \"\"){\n errorComment.innerHTML =\"<p>\uae00\ub0b4\uc6a9\uc744 \uc785\ub825\ud558\uc138\uc694(Please Enter The post content)<\/p>\";\n return;<\/mark> \n }else{\n frm.submit();\n }\n }\n <\/script>\n <\/head>\n <body> \n <div class=\"container-sm\"> \n <form id=\"frm\" action=\"<?php echo $form_action_name; ?>\" method=\"post\">\n <div class=\"mb-3\">\n <label for=\"name\" class=\"form-label\">\uc774\ub984(Name):<\/label>\n <input type=\"text\" class=\"form-control\" id=\"name\" placeholder=\"\ub2f9\uc2e0\uc758 \uc774\ub984\uc744 \uc785\ub825\ud558\uc138\uc694(Pleas enter your name)\" name=\"name\" required>\n <div id=\"errorName\"><\/div>\n <\/div>\n\n <div class=\"mb-3\">\n <label for=\"email\" class=\"form-label\">Email:<\/label>\n <input type=\"text\" class=\"form-control\" id=\"email\" placeholder=\"ID@exmale.com\" name=\"email\" required>\n <div id=\"errorEmail\"><\/div>\n <\/div>\n\n <div class=\"mb-3\">\n <label for=\"website\" class=\"form-label\">Website:<\/label>\n <input type=\"text\" class=\"form-control\" id=\"website\" placeholder=\"example.com\" name=\"website\">\n <div id=\"errorWebsite\"><\/div> \n <\/div><\/mark>\n \n <div class=\"mb-3\">\n <label for=\"pwd\" class=\"form-label\">Title:<\/label>\n <input type=\"text\" class=\"form-control\" id=\"title\" placeholder=\"\uc81c\ubaa9\uc744 \uc785\ub825\ud558\uc138\uc694(Please enter the post title)\" name=\"title\" required>\n <div id=\"errorTitle\"><\/div>\n <\/div><\/mark>\n\n <div class=\"mb-3\">\n <label for=\"pwd\" class=\"form-label\">Password:<\/label>\n <input type=\"password\" class=\"form-control\" id=\"pwd\" placeholder=\"Enter password\" name=\"pswd\" required>\n <div id=\"errorPwd\"><\/div>\n <\/div> \n\n <div class=\"mb-3\">\n <label for=\"comment\" class=\"form-label\">Comment:<\/label> \n <textarea id=\"comment\"name=\"comment\" rows=\"5\" cols=\"40\" class=\"form-control\"><\/textarea>\n <div id=\"errorComment\"><\/div>\n <\/div><\/mark>\n\n <div class=\"mb-3\">\n <div class=\"form-check mb-3\">\n <label class=\"form-check-label\">Remember me<\/label>\n <input class=\"form-check-input\" type=\"checkbox\" name=\"remember\">\n <\/div>\n <\/div>\n <button type=\"button\" class=\"btn btn-primary\" onClick=\"frmSubmit();\">Submit<\/button>\n <\/form>\n <\/div> \n <\/body>\n<\/html> <\/code><\/pre>\n\n\n\nform_action5.php\n\n<?php \nif($_SERVER['REQUEST_METHOD'] == \"POST\"){\n\n $f_name = $_POST['name'];\n $f_email = $_POST['email'];\n $f_title = $_POST['title'];\n $f_website = $_POST['website'];\n $f_comment = $_POST['comment'];<\/mark>\n $f_pwd = $_POST['pswd'];\n}\n\necho \"REQUEST_METHOD:\".$_SERVER['REQUEST_METHOD'].\"<br>\";\necho \"\uc774\ub984(NAME):\".$f_name.\"<br>\";\necho \"\uc774\uba54\uc77c(EMAIL):\".$f_email.\"<br>\";\necho \"\uc81c\ubaa9(TITLE):\".$f_title.\"<br>\";\necho \"\uc6f9\uc0ac\uc774\ud2b8(WEBSITE):\".$f_website.\"<br>\";\necho \"\uae00 \ub0b4\uc6a9(CONTENT):\".$f_comment.\"<br>\";<\/mark>\necho \"\ud328\uc2a4\uc6cc\ub4dc(PASSWORD):\".$f_pwd;\n\n?><\/code><\/pre>\n\n\n\n