note 129541 added to tutorial.forms
| From: | btebranding@gmail.com | Date: | Thu, 06 Jun 2024 07:08:11 +0000 |
| Subject: | note 129541 added to tutorial.forms | ||
| Groups: | php.notes | ||
| Request: | Send a blank email to php-notes+get-221346@lists.php.net to get a copy of this message | ||
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Signup Form</title> <!-- The title for the webpage -->
<script>
function CheckForm() {
var form = document.forms["signup"];
var password = form["password"].value;
var checkboxes = form["checkbox"];
var firstName = form["firstname"].value;
var lastName = form["lastname"].value;
var radios = form["radio"];
var valid = true;
// Validate password length
if (password.length < 6) {
document.getElementById("password_error").innerHTML = "Password must
be at least 6 characters long.";
document.getElementById("password").style.border = "2px solid
red";
valid = false;
} else {
document.getElementById("password_error").innerHTML = "";
document.getElementById("password").style.border = "";
}
// Validate at least one checkbox is checked
var checkboxChecked = false;
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
checkboxChecked = true;
break;
}
}
if (!checkboxChecked) {
document.getElementById("checkbox_error").innerHTML = "At least one
checkbox must be checked.";
valid = false;
} else {
document.getElementById("checkbox_error").innerHTML = "";
}
// Validate first name is not empty
if (firstName.trim() === "") {
document.getElementById("firstname_error").innerHTML = "First name is
required.";
document.getElementById("firstname").style.border = "2px solid
red";
valid = false;
} else {
document.getElementById("firstname_error").innerHTML = "";
document.getElementById("firstname").style.border = "";
}
// Validate last name is not empty
if (lastName.trim() === "") {
document.getElementById("lastname_error").innerHTML = "Last name is
required.";
document.getElementById("lastname").style.border = "2px solid
red";
valid = false;
} else {
document.getElementById("lastname_error").innerHTML = "";
document.getElementById("lastname").style.border = "";
}
// Validate one radio button is selected
var radioChecked = false;
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
radioChecked = true;
break;
}
}
if (!radioChecked) {
document.getElementById("radio_error").innerHTML = "Please select one
option.";
valid = false;
} else {
document.getElementById("radio_error").innerHTML = "";
}
return valid;
}
</script>
</head>
<body>
<form name="signup" onsubmit="return CheckForm()">
<label for="firstname">First Name:</label>
<input type="text" id="firstname" name="firstname">
<span id="firstname_error"></span><br>
<label for="lastname">Last Name:</label>
<input type="text" id="lastname" name="lastname">
<span id="lastname_error"></span><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password">
<span id="password_error"></span><br>
<label for="checkbox">Interests:</label>
<input type="checkbox" id="checkbox1" name="checkbox">
Option 1
<input type="checkbox" id="checkbox2" name="checkbox">
Option 2
<input type="checkbox" id="checkbox3" name="checkbox">
Option 3
<span id="checkbox_error"></span><br>
<la
----
Server IP: 45.112.84.4
Probable Submitter: 80.90.5.137 (proxied: 1.40.161.252)
----
Manual Page -- https://php.net/manual/en/tutorial.forms.php
Edit -- https://main.php.net/note/edit/129541
Del: integrated -- https://main.php.net/note/delete/129541/integrated
Del: useless -- https://main.php.net/note/delete/129541/useless
Del: bad code -- https://main.php.net/note/delete/129541/bad+code
Del: spam -- https://main.php.net/note/delete/129541/spam
Del: non-english -- https://main.php.net/note/delete/129541/non-english
Del: in docs -- https://main.php.net/note/delete/129541/in+docs
Del: other reasons-- https://main.php.net/note/delete/129541
Reject -- https://main.php.net/note/reject/129541
Search -- https://main.php.net/manage/user-notes.php