adarsh-chakraborty/name-validation-withoutElse.html

## name-validation-withoutElse.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form Validation</title>
</head>
<body>
    <input id="fullName" type="text" minlength="4"><button id="btn">Submit</button>
    <script>
        const btn = document.getElementById('btn');
        const fullName = document.getElementById('fullName');

        btn.addEventListener('click',() => {
            let nameText = fullName.value.trim();
            // Check if empty. minimum 4 + 4
            if(nameText.length < 8){
                return alert("Please enter full name. (Min 4 chars each) <First Name> <Last Name>");
            }

            let name = nameText.split(' '); // Regex blank space (Spliting by space);
           // We will proceed only if the value has exactly two values, First Name & Last name. Else throw Syntax error
            if(name.length !== 2){
                return alert("Invalid syntax, Please enter only <First Name> <Last Name>");
            }

            if(name[0].trim().length < 4 || name[1].trim().length < 4){
                return alert("Minimum 4 characters for each <First Name> <Last Name>");
            }

             // Checking if name contains numbers
             let letters = /^[A-Za-z]+$/;
             if(!name[0].match(letters) || !name[1].match(letters)){
                return alert("Only letters are allowed in names. [A-Z] <First Name> <Last Name>");
            }

            alert('Congrats! All tests passed, Your name has met all the conditions!');
        });
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Form Validation</title>
	</head>
	<body>
	<input id="fullName" type="text" minlength="4"><button id="btn">Submit</button>
	<script>
	const btn = document.getElementById('btn');
	const fullName = document.getElementById('fullName');

	btn.addEventListener('click',() => {
	let nameText = fullName.value.trim();
	// Check if empty. minimum 4 + 4
	if(nameText.length < 8){
	return alert("Please enter full name. (Min 4 chars each) <First Name> <Last Name>");
	}

	let name = nameText.split(' '); // Regex blank space (Spliting by space);
	// We will proceed only if the value has exactly two values, First Name & Last name. Else throw Syntax error
	if(name.length !== 2){
	return alert("Invalid syntax, Please enter only <First Name> <Last Name>");
	}

	if(name[0].trim().length < 4 \|\| name[1].trim().length < 4){
	return alert("Minimum 4 characters for each <First Name> <Last Name>");
	}

	// Checking if name contains numbers
	let letters = /^[A-Za-z]+$/;
	if(!name[0].match(letters) \|\| !name[1].match(letters)){
	return alert("Only letters are allowed in names. [A-Z] <First Name> <Last Name>");
	}

	alert('Congrats! All tests passed, Your name has met all the conditions!');
	});
	</script>
	</body>
	</html>