JSFiddle - React, Tailwind, and code Playground

by Alex Jones

HTML

<form id="displayResults">
    <select>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
    </select>
    <select>
        <option value=""></option>
        <option value="11">11</option>
        <option value="12">12</option>
    </select>
</form>

JavaScript

var form = document.getElementById("displayResults");

//Validates that form elements are not empty
function validateForm()
{
    var displayResults = document.getElementById("displayResults").elements;
    for(var i=0; i < displayResults.length; i++)
    {
        if(displayResults[i].tagName=="SELECT")
        {
            var test = displayResults[i].value;
            if(!test)
            {
                alert("Please select appropriate options");
                return false;
            }

        }
    }
    return true;
};

validateForm();