0
131
VistasEn la etiqueta de entrada html * agregue detectar al campo requerido usando JavaScript/jQuery
Tengo un formulario de entrada múltiple pero necesito * para agregar una etiqueta, no agregar manualmente usando javascript
<label for="form_name">Firstname</label> <input id="form_name" type="text" name="name" class="form-control" placeholder="Firstname" required="">
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Agregue una clase CSS primero y luego agréguela a su entrada
$('input[required]').each(function(){ $($(this).parent()).find('label').addClass('required') //depending on the structure of your fields }); .required:after{ color:red; content:" * "; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label for="form_name">First name</label> <input id="form_name" type="text" name="name" class="form-control" placeholder="First name" required="">
·
Juan Pablo Isaza
Denunciar
0
Invierta el orden de los elementos (y corrija el posicionamiento usando CSS), esto permite usar el combinador de hermanos adyacentes + :
.form-group { display: grid; grid-template-areas: "label" "input"; } :required+label::after { content: " *"; color: teal; } .form-group label { grid-area: label; } .form-group .form-control { grid-area: input; } <div class="form-group"> <input id="form_name" type="text" name="name" class="form-control" placeholder="Firstname" required=""> <label for="form_name">Firstname</label> </div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta