note 129555 added to reserved.variables.server
| From: | Anonymous | Date: | Fri, 07 Jun 2024 02:21:47 +0000 |
| Subject: | note 129555 added to reserved.variables.server | ||
| Groups: | php.notes | ||
| Request: | Send a blank email to php-notes+get-221358@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>Simple Form Validation</title>
<style>
.error {
color: red;
font-size: 12px;
}
.error-input {
border: 2px solid red;
}
</style>
</head>
<body>
<h2>Form Validation</h2>
<form id="myForm" onsubmit="return validateForm()">
<label for="fname">First name: </label>
<input type="text" id="fname" name="fname"><span
id="fnameErr" class="error"></span><br><br>
<label for="lname">Last name: </label>
<input type="text" id="lname" name="lname"><span
id="lnameErr" class="error"></span><br><br>
<label>Password: </label>
<input type="password" id="password"
name="password"><span id="passwordErr"
class="error"></span><br><br>
<label for="male">Male</label>
<input type="radio" id="male" name="gender">
<label for="female">Female</label>
<input type="radio" id="female" name="gender">
<span id="genderErr" class="error"></span><br><br>
<input type="checkbox" id="checkbox1" name="checkbox1">
<label for="checkbox1">Option 1</label>
<input type="checkbox" id="checkbox2" name="checkbox2">
<label for="checkbox2">Option 2</label>
<span id="checkboxErr" class="error"></span><br><br>
<input type="submit" value="Submit">
</form>
<script>
function validateForm() {
var fname = document.getElementById("fname").value;
var lname = document.getElementById("lname").value;
var password = document.getElementById("password").value;
var gender = document.querySelector('input[name="gender"]:checked');
var checkbox1 = document.getElementById("checkbox1").checked;
var checkbox2 = document.getElementById("checkbox2").checked;
var valid = true;
document.getElementById("fnameErr").innerHTML = "";
document.getElementById("lnameErr").innerHTML = "";
document.getElementById("passwordErr").innerHTML = "";
document.getElementById("genderErr").innerHTML = "";
document.getElementById("checkboxErr").innerHTML = "";
if (fname == "") {
document.getElementById("fnameErr").innerHTML = "First name is
required";
document.getElementById("fname").classList.add("error-input");
valid = false;
} else {
document.getElementById("fname").classList.remove("error-input");
}
if (lname == "") {
document.getElementById("lnameErr").innerHTML = "Last name is required";
document.getElementById("lname").classList.add("error-input");
valid = false;
} else {
document.getElementById("lname").classList.remove("error-input");
}
if (password.length < 6) {
document.getElementById("passwordErr").innerHTML = "Password must be at least
6 characters long";
document.getElementById("password").classList.add("error-input");
valid = false;
} else {
document.getElementById("password").classList.remove("error-input");
}
if (!gender) {
document.getElementById("genderErr").innerHTML = "Gender selection is
required";
valid = false;
}
if (!checkbox1 && !checkbox2) {
document.getElementById("checkboxErr").innerHTML = "At least one checkbox
must be checked";
valid = false;
}
return valid;
}
</script>
</body>
</html>
----
Server IP: 45.112.84.4
Probable Submitter: 80.90.5.137 (proxied: 1.145.122.183)
----
Manual Page -- https://php.net/manual/en/reserved.variables.server.php
Edit -- https://main.php.net/note/edit/129555
Del: integrated -- https://main.php.net/note/delete/129555/integrated
Del: useless -- https://main.php.net/note/delete/129555/useless
Del: bad code -- https://main.php.net/note/delete/129555/bad+code
Del: spam -- https://main.php.net/note/delete/129555/spam
Del: non-english -- https://main.php.net/note/delete/129555/non-english
Del: in docs -- https://main.php.net/note/delete/129555/in+docs
Del: other reasons-- https://main.php.net/note/delete/129555
Reject -- https://main.php.net/note/reject/129555
Search -- https://main.php.net/manage/user-notes.php