Skip to main content
Corrección código
Origen Enlace

Podrías agregar una clase a los campos del formulario que quieres dejar obligatorios, es decir, como required, después de ello, con un .each() recorres todos los campor que tengan la clase que pusiste, en el caso del ejemplo sería .jsFieldValidation, y automáticamente el atributo required se agrega a esos campos que tienen la clase, convirtiéndolos en obligatorios.

$(".btnRecorrer").click(function() {
  $("body .jsFieldValidation").each(function() {
    $(this).attr('required', 'required').css('border-bottom', '5px solid red');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select class="jsFieldValidation">
  <option value="opcion1">Opcion 1</option>
  <option value="opcion1">Opcion 2</option>
</select>
<br>

<select>
  <option value="dato1">Dato 1</option>
  <option value="dato2">Dato 2</option>
</select>
<br>
<textarea class="jsFieldValidation"></textarea>
<br>
<input type="text" class="jsFieldValidation" />
<br>
<input type="text" />
<br>
<button class="btnRecorrer">Recorrer</button>

Podrías agregar una clase a los campos del formulario que quieres dejar obligatorios, es decir, como required, después de ello, con un .each() recorres todos los campor que tengan la clase que pusiste, en el caso del ejemplo sería .jsFieldValidation, y automáticamente el atributo required se agrega a esos campos que tienen la clase, convirtiéndolos en obligatorios.

$(".btnRecorrer").click(function() {
  $("body .jsFieldValidation").each(function() {
    $(this).attr('required', 'required');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select class="jsFieldValidation">
  <option value="opcion1">Opcion 1</option>
  <option value="opcion1">Opcion 2</option>
</select>
<br>

<select>
  <option value="dato1">Dato 1</option>
  <option value="dato2">Dato 2</option>
</select>
<br>
<textarea class="jsFieldValidation"></textarea>
<br>
<input type="text" class="jsFieldValidation" />
<br>
<input type="text" />
<br>
<button class="btnRecorrer">Recorrer</button>

Podrías agregar una clase a los campos del formulario que quieres dejar obligatorios, es decir, como required, después de ello, con un .each() recorres todos los campor que tengan la clase que pusiste, en el caso del ejemplo sería .jsFieldValidation, y automáticamente el atributo required se agrega a esos campos que tienen la clase, convirtiéndolos en obligatorios.

$(".btnRecorrer").click(function() {
  $("body .jsFieldValidation").each(function() {
    $(this).attr('required', 'required').css('border-bottom', '5px solid red');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select class="jsFieldValidation">
  <option value="opcion1">Opcion 1</option>
  <option value="opcion1">Opcion 2</option>
</select>
<br>

<select>
  <option value="dato1">Dato 1</option>
  <option value="dato2">Dato 2</option>
</select>
<br>
<textarea class="jsFieldValidation"></textarea>
<br>
<input type="text" class="jsFieldValidation" />
<br>
<input type="text" />
<br>
<button class="btnRecorrer">Recorrer</button>

Corrección código
Origen Enlace

Buen día, si quieres recorrerPodrías agregar una clase a los elementos de tucampos del formulario y añadirle la propiedadque quieres dejar obligatorios, es decir, como required, puedes usar este ejemplodespués de ello, con un .each() recorres todos los campor que tengan la clase que pusiste, en esteel caso lo harías para recorrer tusdel ejemplo sería select.jsFieldValidation:, y automáticamente el atributo required se agrega a esos campos que tienen la clase, convirtiéndolos en obligatorios.

$(".btnRecorrer").click(function() {
  $("body select".jsFieldValidation").each(function() {
    $(this).attr('required', 'required');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select><select class="jsFieldValidation">
  <option value="opcion1">Opcion 1</option>
  <option value="opcion1">Opcion 2</option>
</select>
<br>

<select>
  <option value="dato1">Dato 1</option>
  <option value="dato2">Dato 2</option>
</select>
<br>
<textarea class="jsFieldValidation"></textarea>
<br>
<input type="text" class="jsFieldValidation" />
<br>
<input type="text" />
<br>
<button class="btnRecorrer">Recorrer</button>

Buen día, si quieres recorrer los elementos de tu formulario y añadirle la propiedad required, puedes usar este ejemplo, en este caso lo harías para recorrer tus select:

$(".btnRecorrer").click(function() {
  $("body select").each(function() {
    $(this).attr('required', 'required');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select>
  <option value="opcion1">Opcion 1</option>
  <option value="opcion1">Opcion 2</option>
</select>
<br>

<select>
  <option value="dato1">Dato 1</option>
  <option value="dato2">Dato 2</option>
</select>

<button class="btnRecorrer">Recorrer</button>

Podrías agregar una clase a los campos del formulario que quieres dejar obligatorios, es decir, como required, después de ello, con un .each() recorres todos los campor que tengan la clase que pusiste, en el caso del ejemplo sería .jsFieldValidation, y automáticamente el atributo required se agrega a esos campos que tienen la clase, convirtiéndolos en obligatorios.

$(".btnRecorrer").click(function() {
  $("body .jsFieldValidation").each(function() {
    $(this).attr('required', 'required');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select class="jsFieldValidation">
  <option value="opcion1">Opcion 1</option>
  <option value="opcion1">Opcion 2</option>
</select>
<br>

<select>
  <option value="dato1">Dato 1</option>
  <option value="dato2">Dato 2</option>
</select>
<br>
<textarea class="jsFieldValidation"></textarea>
<br>
<input type="text" class="jsFieldValidation" />
<br>
<input type="text" />
<br>
<button class="btnRecorrer">Recorrer</button>

Origen Enlace

Buen día, si quieres recorrer los elementos de tu formulario y añadirle la propiedad required, puedes usar este ejemplo, en este caso lo harías para recorrer tus select:

$(".btnRecorrer").click(function() {
  $("body select").each(function() {
    $(this).attr('required', 'required');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select>
  <option value="opcion1">Opcion 1</option>
  <option value="opcion1">Opcion 2</option>
</select>
<br>

<select>
  <option value="dato1">Dato 1</option>
  <option value="dato2">Dato 2</option>
</select>

<button class="btnRecorrer">Recorrer</button>