/*
*alert() doesnt work any longer for the following:
*A different origin subframe tried to create a JavaScript dialog. This is no longer allowed and was *blocked. See https://www.chromestatus.com/feature/5148698084376576 for more details.
*/

document.forms[0].onsubmit = function(e) {
    	//e.preventDefault();
        let formName = document.forms[0].elements[0].value;
	    let formMale = document.forms[0].elements[1];
	    let formFemale = document.forms[0].elements[2];
	    let formBaseball = document.forms[0].elements[3];
	    let formFootball = document.forms[0].elements[4];
	    let formHockey = document.forms[0].elements[5];
	    let formFavShow = document.forms[0].elements[6].value;
	    let formComments = document.forms[0].elements[7].value;

    	if (formName === "" || formName === "Enter Full Name") {
	        alert("Please complete form");
	        document.forms[0].elements[0].focus();
	        return false;
	    } else if (formMale.checked === false && formFemale.checked === false) {
              alert("Please select gender.");
              document.forms[0].elements[1].focus();
              return false;
	    } else if (formBaseball.checked === false && formFootball.checked === false  && formHockey.checked === false) {
	    	alert("Please select at least one hobbie.");
	    	document.forms[0].elements[3].focus();
            return false;
	    } else if (formFavShow === "") {
	    	alert("Please select a favorite show.");
	    	document.forms[0].elements[6].focus();
	    	return false;
	    } else if (formComments === "" || formComments === "Enter Comments") {
	    	alert("Leave a comment.");
	    	document.forms[0].elements[7].focus();
	    	return false;
	    } else {
	    	confirm("Are you sure you want to submit?");
	    	alert("Thank you!");
	    	return true;
	    }
    };

console.log(document.forms);