problema validacion form con js para enviar por post php

tengo este form:

<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> 

Si no esta completo el campo apellido_1 te manda el toastr bien, pero cuando esta completo no me lo guarda al llamar al fichero php. El fichero.php funciona porque lo he probado con otras cosas, pero ahora que le he metido la validacion con js ya no llo guarda cuando el campo apellido_1 esta relleno.