2do campo obligatorio
Si selecciona si despliega el 2 input como campo obligatorio
by Sebastian Cordoba
HTML
<form action="demo_form.asp">
<input type="text" name="first_name" value="" id="freeform_first_name"
maxlength="150" required/>
<div>
Desea ingresar más información
<input type="radio" name="requires" value="yes">Si</input>
<input type="radio" name="requires" value="no" checked>No</input>
</div>
<div class="coupon" id="hidden">
<input type="text" name="code"
maxlength="150"/>
</div>
<input type="submit">
</form>
JavaScript
$(function(){
$('.coupon').toggle(); $('input:radio[name="requires"]').change(function() {
var coup = $('.coupon');
coup.toggle();
if (coup.find('input').prop('required', true)) {
coup.prop('required', false);
} else {
coup.prop('required', true);
}
});
});