For example:
<label for="car">Car</label> <input name="vehicle_type" id="car" type="radio" value="Car" /> <label for="boat">Boat</label> <input name="vehicle_type" id="boat" type="radio" value="Boat" /> <div id="car_make_div" style="display:none"> <input type="text" id="car_make" name="car_make" /> </div> <script type="text/javascript"> $('input[name=\'vehicle_type\']').change(function(){ if($('input[name=\'vehicle_type\']:checked').val() == 'Car') { $('#car_make_div').show(); } if($('input[name=\'vehicle_type\']:checked').val() == 'Boat') { $('#car_make_div').hide(); } </script>
In my example, the input field 'car_make' is a required field in the model. How can I make it be "required" only if is being displayed?