0

Solo quiero validar dos inputs con Bootstrap; actualmente valido todo el formulario con la clase 'needs-validation', sin embargo solo necesito que realice la validación a dos campos.

<form name="modal" id="form_Modal" autocomplete="off" method="POST"
id="formulario" class="needs-validation" novalidate >
     <div class="row">
        <div class="col-6">
        <div class="row align-items-center pb-1">
            <div class="col-4">
                <label for="labelnombre" class="col-form-label">RUT:*</label>
            </div>
             <div class= "col-7">
                <input type="text" id="proveedorrut" name="proveedorrut" class="form-control" required>
                <div class="invalid-feedback">
                   Valor invalido
                </div>
            </div>
        </div>
        <p></p>
        <div class="row align-items-center pb-1">
            <div class="col-4">
                <label for="labelnombre" class="col-form-label">Nombre:*</label>
            </div>
             <div class= "col-7">
                <input type="text" id="proveedornombre" name="proveedornombre"           
class="form-control" required >
                <div class="invalid-feedback">
                   Valor invalido
                </div>
            </div>
        </div> 

        <div class="modal-footer">   
            <button type="submit" class="btn text-light" id="guardar" style="background color:#7aae2f;" >Guardar
cambios</button>
            <button type="submit" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
        </div>

</form>

Ese es todo el código HTML.

Y ese es el código js por defecto de bootstrap para validar el formulario completo; he intentado cambiar algunas cosas pero ninguna me funciona. ¿Cómo podria cambiar el código js para que solo valide los dos primeros campos y siga mostrando el diseño por defecto de bootstrap?

4
  • no, es un formulario que contiene alrededor de 20 campos entre inputs y select, sin embargo solo necesito validar esos campos, los cuales que agregue a la pregunta
    – belennnnnn
    el 11 dic. 2022 a las 23:57
  • 1
    Buenas, he intentado ejecutar tu codigo pero me es imposible dado que no esta completo. Aun asi, eliminando los required de los campos que no quieres validar no te funciona? el 12 dic. 2022 a las 9:23
  • Buenas, con los required si funciona, sin embargo me estan solicitando que haga una validacion de campos proveniente de bootstrap, con la clase 'needs-validation' y el uso de 'invalid-feedback', el tema es que dentro de la documentacion de bootstrap solo se señala la validacion de un formulario completo, y yo solo necesito la verificacion de esos dos campos unicamente, y en ese punto quedo , ya que nose de que forma puedo verificar solo esos dos y darle uso a la verificacion del 'invalid-feedback' de bootstrap.
    – belennnnnn
    el 12 dic. 2022 a las 10:00
  • Agrega un ejemplo mínimo verificable indicando cuales serían los campos a validar el 12 dic. 2022 a las 20:55

1 respuesta 1

0

dado que necesitas usar bootstrap te propongo lo siguiente. HTML tiene un atributo llamado formnovalidate el cual se añade al final del input e independiente que tenga el required no se validara. En bootstrap tienes la opcion de añadir la clase class= "form-control-novalidate" la cual tendra la misma funcion que la mencionada anteriormente.

Espero que te sirva de ayuda, un saludo

1
  • No, no ha funcionado.De todas formas muchismas gracias por la ayuda
    – belennnnnn
    el 12 dic. 2022 a las 11:15

Tu Respuesta

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

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