0

Tengo un campo de un formulario (pickbox) que se muestra o no dependiendo del valor de otro campo (pick) pero necesito que al mostrarse sea obligatorio (required) y que no lo sea al ocultarse?

$('#pickbox').css('display','none');
$('#pick').on("change",function(){
  if ($('#pick').val() == '2') {
             $('#pickbox').css('display','block');

  }else if ($('#pick').val() == '1') {
             $('#pickbox').css('display','none');
  }
});
1
  • It would be ideal if you translated the question into Spanish Commented el 23 oct. 2022 a las 13:19

1 respuesta 1

0

Puedes usar el siguiente código, donde verás que se usan los métodos attr() y removeAttr() de jquery para agregar o quitar el atributo required:

$('#pickbox').css('display', 'none');
$('#pick').on("change", function() {
  if ($('#pick').val() == '2') {
    $('#pickbox').css('display', 'block');
    $('#pickbox').attr('required', 'required');

  } else if ($('#pick').val() == '1') {
    $('#pickbox').css('display', 'none');
    $('#pickbox').removeAttr('required');
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<input id="pickbox">
<input id="pick" type="number" >

1
  • Solucionado. tenia el attr. aplicado al form-control, no al input. Commented el 28 oct. 2022 a las 6:41

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.