Skip to main content
se eliminaron 4 caracteres en el cuerpo
Origen Enlace
Marcos
  • 35.7k
  • 7
  • 36
  • 70

Lo que sucede es que a ambos formularios le estas pasando la misma función onSubmit, la cual, la estas pisando al definirla por segunda vez.

Solución:

Necesitas crear una nueva funcion, por ejemplo, onSubmit2 para el form#solicitud

<form action="{{ route('web.solicitud') }}" class="formContacto" autocomplete="off" method="POST" id="solicitud">
   @csrf
   ....
   ....
   <button type="submit" class="btn g-recaptcha" data-sitekey="mmmmmmmmmm" 
                data-callback='onSubmit2' 
                data-action='submit'>Enviar</button>
</form>

y en el Javascript

<script src="https://www.google.com/recaptcha/api.js"></script>

<script>
    function onSubmit(token) {
      document.getElementById("demo-form").submit();
    }

    function onSubmit2(token) {
      document.getElementById("solicitud").submit();
    }
</script>

Lo que sucede es que a ambos formularios le estas pasando la misma función onSubmit, la cual, la estas pisando al definirla por segunda vez.

Solución:

Necesitas crear una nueva funcion, por ejemplo, onSubmit2 para el form#solicitud

<form action="{{ route('web.solicitud') }}" class="formContacto" autocomplete="off" method="POST" id="solicitud">
   @csrf
   ....
   ....
   <button type="submit" class="btn g-recaptcha" data-sitekey="mmmmmmmmmm" 
                data-callback='onSubmit2' 
                data-action='submit'>Enviar</button>
</form>

y en el Javascript

<script src="https://www.google.com/recaptcha/api.js"></script>

<script>
    function onSubmit(token) {
      document.getElementById("demo-form").submit();
    }

    function onSubmit2(token) {
      document.getElementById("solicitud").submit();
    }
</script>

Lo que sucede es que a ambos formularios le estas pasando la misma función onSubmit, la cual estas pisando al definirla por segunda vez.

Solución:

Necesitas crear una nueva funcion, por ejemplo, onSubmit2 para el form#solicitud

<form action="{{ route('web.solicitud') }}" class="formContacto" autocomplete="off" method="POST" id="solicitud">
   @csrf
   ....
   ....
   <button type="submit" class="btn g-recaptcha" data-sitekey="mmmmmmmmmm" 
                data-callback='onSubmit2' 
                data-action='submit'>Enviar</button>
</form>

y en el Javascript

<script src="https://www.google.com/recaptcha/api.js"></script>

<script>
    function onSubmit(token) {
      document.getElementById("demo-form").submit();
    }

    function onSubmit2(token) {
      document.getElementById("solicitud").submit();
    }
</script>
Origen Enlace
Marcos
  • 35.7k
  • 7
  • 36
  • 70

Lo que sucede es que a ambos formularios le estas pasando la misma función onSubmit, la cual, la estas pisando al definirla por segunda vez.

Solución:

Necesitas crear una nueva funcion, por ejemplo, onSubmit2 para el form#solicitud

<form action="{{ route('web.solicitud') }}" class="formContacto" autocomplete="off" method="POST" id="solicitud">
   @csrf
   ....
   ....
   <button type="submit" class="btn g-recaptcha" data-sitekey="mmmmmmmmmm" 
                data-callback='onSubmit2' 
                data-action='submit'>Enviar</button>
</form>

y en el Javascript

<script src="https://www.google.com/recaptcha/api.js"></script>

<script>
    function onSubmit(token) {
      document.getElementById("demo-form").submit();
    }

    function onSubmit2(token) {
      document.getElementById("solicitud").submit();
    }
</script>