проблема проверки формы с js для отправки по Post php

у меня есть эта форма: 

<form action="../procedimientos/guardar_familiar.php" onsubmit="return verificarFormulario" method="post">
    <div class="form-group">
        <label>Primer apellido <b>*</b> : </label>
        <input type="text" class="form-control" name="apellido_1" id="apellido_1" placeholder="Introduce el primer apellido">   
    </div>
    <div class="form-group text-center">
        <button id="btn_guardar_familiar" type="submit" class="btn btn-success w-100 py-100">Guardar</button>       
    </div>
</form>


<script>
        function verificarFormulario () {

        var campo_apellido_1 = document.getElementById("apellido_1");

        if (campo_apellido_1.value.trim().length == 0) {
            // toastr.warning('Warning','Hola mund');
            //alert("INVALIDO");
            toastr.warning('El primero apellido no puede estar vacio!','Error');
            return false;
        };

                //alert("VALIDO");
                return true;
        }

</script>

Если поле apellido_1 не завершено, оно посылает вам toastr хорошо, но когда оно завершено, оно не сохраняет его при вызове php-файла. fichero.php работает, потому что я тестировал его с другими вещами, но теперь, когда я получил проверку с js больше не сохраняет Когда поле фамилия_1 заполнено.

Author: josanangel, 2019-06-18
Source

2 answers

Функция всегда должна вызываться с круглыми скобками: 

<form action="../procedimientos/guardar_familiar.php" onsubmit="return verificarFormulario()" method="post">

С этим изменением должно работать, я рекомендую взглянуть на Этот пример, который работает правильно.

 3
Author: Jonathan Arias, 2019-06-19 13:47:36

Compadrito, я не знаю много о js, но я думаю, что вам не хватает круглых скобок в onsubmit= " return проверитьформа()" и поместите внутри else return.

<form action="testok.php" onsubmit="return verificarFormulario()" method="post">
    <div class="form-group">
        <label>Primer apellido <b>*</b> : </label>
        <input type="text" class="form-control" name="apellido_1" id="apellido_1" placeholder="Introduce el primer apellido">   
    </div>
    <div class="form-group text-center">
        <button id="btn_guardar_familiar" type="submit" class="btn btn-success w-100 py-100">Guardar</button>       
    </div>
</form>

<script>
    function verificarFormulario () {

        var campo_apellido_1 = document.getElementById("apellido_1");

        if (campo_apellido_1.value.trim().length == 0) {
            // toastr.warning('Warning','Hola mund');
            //alert("INVALIDO");
            //toastr.warning('El primero apellido no puede estar vacio!','Error');
            return false;

        }
        else {
            //alert("VALIDO");
            return true;
        }              
    }

</script>
 1
Author: Vulpex, 2019-06-18 12:59:12