none
Validar Form con JS RRS feed

  • Pregunta

  • Hola, estoy aprendiendo a poner JS en un formulario, y queria tratar de que me valide un form antes de enviarselo a la accion correspondiente del controlador. Trate de hacerlo de varias formas, pero no me sale. Alguno me podria ayudar? Este es mi codigo:

    Form:

    <form style="color:black" method="post" action="" id="formContacto" name="formCont">
    <fieldset>
        <div class="form-group col-md-6 offset-md-3">
            <label for="nombre"><strong>Nombre</strong></label>
            <input type="text" class="form-control col-md-12" name="nombre" placeholder="Ingresa tu nombre">
        </div>
        <div class="form-group">
            <div class="col-md-12">
                @*<button id="btnSubmit" type="submit" class="btn btn-primary">ENVIAR</button>*@
                <button id="btnSubmit" onclick="submit" class="btn btn-primary">ENVIAR</button>
            </div>
        </div>
    </fieldset>
    </form>

    Y el JS que trate de hacer (muy probable que este mal)

    <script>
    function submit() {
        var form = document.getElementsByName('formCont')[0],
            elementos = form.elements,
            boton = document.getElementById('btnSubmit');
    
        var validarNombre = function () {
            if (form.nombre.value == 0) {
                alert('completar campo nombre')
            }
        }
    
        var validar = function () {
            validarNombre();
        }
    
        form.addEventListener("submit", validar);
    }
    </script>

    jueves, 29 de agosto de 2019 2:02

Respuestas