JSFiddle - React, Tailwind, and code Playground

by Santharam N R

HTML

<form name="kForm" onsubmit="return kValForm()">

            Name: <input type="text" name="kName" placeholder="Khalifa">
            <br/>
            Date of Birth:
            <select name="kYear">

                <option value="Year" selected>Year</option>
                ...
                <option value="1960">1960</option>

            </select>

            <select name="kMonth">

                <option value="Month" selected>Month</option>
                <option value="January">January</option>
                ...
                <option value="December">December</option>

            </select>
            <select name="kDay">

                <option value="Day" selected>Day</option>
                <option value="1">1</option>
                ...
                <option value="31">31</option>

            </select>

            <br/>
            E-mail: <input type="email" name="kEmail" placeholder="[email protected]">

            <br/>

            <input type="submit" />

        </form>

<script>
    
    function kValForm() {
     alert('hi');
                var n = document.forms["kForm"]["kName"].value;
                var e = document.forms["kForm"]["kEmail"].value;
                var y = document.forms["kForm"]["kYear"].value;
                var m = document.forms["kForm"]["kMonth"].value;
                var d = document.forms["kForm"]["kDay"].value;
                var atSign = e.indexOf("@");
                var dotSign = e.lastIndexOf(".");


                if( n == null || n == " ") {
                    alert("Please fill in your name.");
                    return false;
                }
                if(y == "Year") {
                    alert("Please select a year.");
                    return false;
                }
                if(m == "Month") {
                    alert("Please select a month.");
                    return false;
                }
                if(d == "Day") {
                    alert("Please...