JSFiddle - React, Tailwind, and code Playground

by Adan Rehtla

HTML

<form id="myForm">
    <input id="first_name" value="John"> 
    <input id="last_name" value="Smith"/> 
    <input id="school_name" value="MIT"/>          
</form>

JavaScript

function validateFormA(){  
    formElement = document.getElementById('myForm');
    isFormValid = formElement.checkValidity();
    if (isFormValid) {
    	var firstName = document.getElementById('first_name').value;
    	var lastName = document.getElementById('last_name').value;
    	var schoolName = document.getElementById('school_name').value;
        if (firstName=='John' && lastName=='Smith' && schoolName=='MIT'){
            alert ("Validate Form A is Valid"); 
        }
    }
}
function validateFormB(){  
    formElement = document.getElementById('myForm');
    isFormValid = formElement.checkValidity();
    if (isFormValid) {
    	var firstName = document.getElementById('first_name').value;
    	var lastName = document.getElementById('last_name').value;
    	var schoolName = document.getElementById('school_name').value;
        var validationStr = firstName + lastName + schoolName;
        if (validationStr=='JohnSmithMIT'){
            alert ("Validate Form B is Valid"); 
        }
    }
}
validateFormA();
validateFormB();