JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://htmldoc.net/examples/jquery.bxSlider.min.js"></script>
<form action="/~neeraj/cgi-bin/test.py" name="myForm" method="post">
    <table cellspacing="3" cellpadding="2" border="1">
        <tr>
            <td>FirstName:*</td>
            <td>
                <input type="text" name="firstname" />
            </td>
        </tr>
        <tr>
            <td>LastName:*</td>
            <td>
                <input type="text" name="lastname" />
            </td>
        </tr>
        <tr>
            <td>Age:*</td>
            <td>
                <input type="text" name="age" />
            </td>
        </tr>
        <tr>
            <td>Gender:*</td>
            <td>
                <input type="radio" name="gender" value="male" />Male
                <input type="radio" name="gender" value="female" />Female</td>
        </tr>
    </table>
    <br>
    <input type="submit" name="submit" value="ADD" onclick="return(validate())">
    <input type="reset" name="reset" value="RESET">
    <input type="submit" name="search" formmethod="post" formaction="/~neeraj/cgi-bin/search.py" value="SEARCH" onclick="return(svalidate())">
</form>

JavaScript

function svalidate() {

    if (document.myForm.firstname.value == "" && document.myForm.lastname.value == "" && document.myForm.age.value == "" && (document.myForm.gender[0].checked == "0") && (document.myForm.gender[1].checked == "0")) {
        alert("Please enter any one value");
        return false;
    }
}

function validate() {

    if (document.myForm.firstname.value == "") {
        alert("Please provide the firstname");
        return false;
    }

    if (document.myForm.lastname.value == "") {
        alert("Please provide the lastname");
        return false;
    }

    if (document.myForm.age.value == "" || isNaN(document.myForm.age.value) || document.myForm.age.value < 1) {
        alert("Please provide the valid age in Integer");
        return false;
    }

    if (document.myForm.gender[0].checked == "0" && document.myForm.gender[1].checked == "0") {
        alert("Please provide the gender");
        return false;
    }

}