JSFiddle - React, Tailwind, and code Playground

by Ty

JavaScript

function handleForm() {
	var formIsValid = validateForm();
	if (!formIsValid) {
		alert ('Invalid Entries');	
	
	}
}

function validateForm() {
	var fname = document.getElementById('firstname').value;
	var lname = document.getElementById('lastname').value;
	var email = document.getElementById('email').value;
	var phone = document.getElementById('phone').value;
	var male = document.getElementById('male').value;
	var female = document.getElementById('female').value;
	
	if ( /^[A-z -]*$/.test(fname)) {
		return false;
	}
	
	if ( /^[A-z -]*$/.test(lname)) {
		return false;
	}
	
	if ( /.+\@.+\..+/.test(email)) {
		return false;
	}	
	
	if (phone.replace(/^\d/g, '')) {
		return false;
	}
	
	if ((form.gender.male.checked == false) && (form.gender.female.checked == false)) {
		return false;
		} else {
		 return true;
};


function displayMessages() {
	
}


function submitForm() {
	
}


}