[ad_1]
I am programming a register form in where information from user is typed, then the information (results) is displayed in an another page using localStorage. If ever an item is left blank, the registration form restarts. Otherwise, the a new page will open and show the results.
The results from the register form will be displayed as follows:
First name: User
Last name: User
(etc…)
The problem is that it doesn’t display results . Furthermore, the register button does not restart when I leave information blank.
Is there a typo in it? Thanks
Code:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>
</style>
<body>
<nav>
<form id = "signup">
<fieldset form="signup">
<legend>Register: </legend>
<label for="name1">First Name:</label>
<input type="text" id="name1" name="name1" required/><br><br>
<label for="name2">Clan Name:</label>
<input type="text" id="name2" name="name2" required/><br><br>
<p>Your Gender:</p>
<input type="radio" id="male" name="gender" value="Male" required/>
<label for="male">Male</label></br>
<input type="radio" id="female" name="gender" value="Female" required/>
<label for="female">Female</label></br>
<input type="radio" id="prefernotsay" name="gender" value="Prefer not say" required/>
<label for="prefernotsay">Prefer Not Say</label>
<br>
<br>
<label for="email">Email Address:</label>
<input type="text" id="email" name="email" required/><br><br>
<label for="number">#Number:</label>
<input type="text" id="number" name="Number" required/><br><br>
<label for="pword">Your Password: </label>
<input type="password" id="pword" name="pword" required/>
<br>
<br>
<br>
<label for="cmmnts">Reasons for registering: </label></br>
<textarea id="tArea" name="cmmnts" rows="4" cols="50"> </textarea>
<br>
<br>
<button onclick="myFunction()">Submit</button>
<input type="reset" value="Clear">
</fieldset>
</form>
</nav>
<script>
function myFunction() {
if (name1 || name2 || Gender || email || pword || tArea == "") {
<input type = "reset" value = "Clear">
} else {
var nm1 = $("#name1").val();
var nm2 = $("#name2").val();
var ps1 = $("#pword").val();
var email = $("#email").val();
var comment = $("#tArea").val();
$(function() {
$("#signup").on("submit", function(e) {
const data = {}
$("[required]").each(function() {
data[name1] = " ";
});
localStorage.setItem("n1", nm1);
localStorage.setItem("n2", nm2);
localStorage.setItem("p1", ps1);
localStorage.setItem("e1", email);
localStorage.setItem("cmnt1", comment);
});
});
const data = var storedName1 = localStorage.getItem("n1");
const data = var storedName2 = localStorage.getItem("n2");
const data = var storedPass = localStorage.getItem("p1");
const data = var storedEmail = localStorage.getItem("e1");
const data = var storedComment = localStorage.getItem("cmnt1");
}
}
</script>
</body>
</html>
[ad_2]