JSFiddle - React, Tailwind, and code Playground

by Madalina Taina

HTML

<form onsubmit="return checkForm()" method="post" action="#"  enctype="multipart/form-data">
<select name ="Details" id="Details" class="defaultValue required">
<option value ="0"> Select Name..</option>
<option value ="Name 1"> Name1</option>
<option value ="Name 2"> Name2</option>
<option value ="Name 3"> Name3</option>
<option value = "Others"> Others</option>
</select>

<!-- Code for additional fields when user select "Others": -->

<div id = "extradiv">
<input type="text" name="Name" id="Name" value="Name" title="Name" class="defaultValue required" tabindex="7" />
</div>
<input type="submit" />
</form>

JavaScript

function checkForm() {
         if((document.getElementById("Details")).selectedIndex == 0)
        {
            alert('This field is required');
            return false;
        } 
        if((document.getElementById("Details")).selectedIndex == 4)
        {
            //other conditions
             if((document.getElementById("Name")).value == "Name"){
             alert('Last Element is selected, more info are required');
             return false;
             }
         }
        return true       
}