Untitled

avatar
unknown
plain_text
2 months ago
3.3 kB
1
Indexable
document.getElementById('registration').addEventListener('submit', function (event) {
    event.preventDefault(); // Prevent default form submission behavior

    let isValid = true;

    const name = document.getElementById('name').value.trim();
    const password = document.getElementById('password').value;
    const confirmPass = document.getElementById('confirmPass').value;

    const passworderror = document.getElementById('passworderror');
    const confirmPasserror = document.getElementById('confirmPasserror');

    // Validate password length
    if (password.length < 8) {
        passworderror.textContent = "Password must contain at least 8 characters.";
        isValid = false;
    } else {
        passworderror.textContent = "";
    }

    // Validate password confirmation
    if (confirmPass !== password) {
        confirmPasserror.textContent = "Passwords do not match.";
        isValid = false;
    } else {
        confirmPasserror.textContent = "";
    }

    if (isValid) {
        // Save the user's name in localStorage
        localStorage.setItem('userName', name);

        // Redirect to the welcome page
        window.location.href = 'welcome.html';
    }
});




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome</title>
</head>
<body>
    <center>
        <h1 id="welcomeMessage">Welcome!</h1>
    </center>
    <script>
        // Retrieve the user's name from localStorage
        const userName = localStorage.getItem('userName');

        // Display the welcome message
        if (userName) {
            document.getElementById('welcomeMessage').textContent = `Welcome, ${userName}!`;
        }
    </script>
</body>
</html>


document.getElementById('registration').addEventListener('submit', function (event) {
    event.preventDefault(); // Prevent default form submission behavior

    let isValid = true;

    const name = document.getElementById('name').value.trim();
    const email = document.getElementById('mail').value.trim();
    const password = document.getElementById('password').value;
    const confirmPass = document.getElementById('confirmPass').value;

    const mailerror = document.getElementById('mailerror');
    const passworderror = document.getElementById('passworderror');
    const confirmPasserror = document.getElementById('confirmPasserror');

    // Validate email for the presence of '@'
    if (!email.includes('@')) {
        mailerror.textContent = "Email must contain '@'.";
        isValid = false;
    } else {
        mailerror.textContent = "";
    }

    // Validate password length
    if (password.length < 8) {
        passworderror.textContent = "Password must contain at least 8 characters.";
        isValid = false;
    } else {
        passworderror.textContent = "";
    }

    // Validate password confirmation
    if (confirmPass !== password) {
        confirmPasserror.textContent = "Passwords do not match.";
        isValid = false;
    } else {
        confirmPasserror.textContent = "";
    }

    if (isValid) {
        // Save the user's name in localStorage
        localStorage.setItem('userName', name);

        // Redirect to the welcome page
        window.location.href = 'welcome.html';
    }
});
Editor is loading...
Leave a Comment