JSFiddle - React, Tailwind, and code Playground

by asif097

HTML

<form action="http://www.w3schools.com" method="post">
    <select class="a">
        <option value='0'>Acer</option>
        <option value='1'>1</option>
        <option value='2'>2</option>
        <option value='3'>3</option>
    </select>
    
    <select class="b">
        <option value='0'>Asus</option>
        <option value='1'>1</option>
        <option value='2'>2</option>
        <option value='3'>3</option>
    </select>
    <input type="submit" />
</form>

JavaScript

$("input[type='submit']").click(function (e) {
    if ($(".a").val() != '0' && $(".b").val() === '0') {
        return true;
    }
    if ($(".a").val() === '0' && $(".b").val() != '0') {
        e.preventDefault();
        $("form").after("<span>You must acompany your child</span>");
    }
    else if ($(".a").val() === '0' || $(".b").val() === '0') {
        e.preventDefault();
        $("form").after("<span>You must select a number &nbsp;&nbsp;</span>");
    }
    else {
        $("form").after("<span></span>");
        return true;
    }
});