JSFiddle - React, Tailwind, and code Playground

by Shobhit Sharma

HTML

Reservation <br/>
<select id="rReservation" name="rReservation" class="">
                                <option value="0">Maybe</option>
                                <option value="1">Sure</option>
</select>
<hr/>
Name <br/>
<input type="text" name="rCardUser" class="mRequired" />

<hr/>
Card<br/>
<input type="text" name="rCardNrr" class="mRequired" />

CSS

.required {
 border: 1px solid red;   
}

JavaScript

$("#rReservation").change(function(){
    if($(this).val() == "1") {
       $('.mRequired').addClass('required');
    } else {
       $('.mRequired').removeClass('required');
    }
});