Home / Questions / 129742
Accepted
Pedro
Asked: 2020-01-09 19:22:22 +0800 CST 2020-01-09 19:22:22 +0800 CST

How to execute a button from another action?

  • 772

I have the paypal payment form

<form name="form1" method="https://www.sandbox.paypal.com/cgi-bin/webscr">
<!-- Resto de input -->

<!-- Botón que ejecuta el direccionamiento al pago paypal-->

<input type="submit" value="paypal sandbox">

</form>

But I want to execute this inputtype from another action, I have a link outside the form ( ) so what I want to achieve is that when I click on the following link:submitform

<a class="checkout" onclick="proceso(2)">Continuar</a>

This executes the following action:

<input type="submit" value="paypal sandbox">

using jQuery or another control.

html5

2 Answers

  1. Best Answer

    You can use the same property onclickand achieve it in two ways by taking the property of formand submitting the form in the following ways:

    <a class="checkout" onclick="process(2); $('form').submit();">continue</a>

    Now if you have multiple forms on the same page that you want to perform the action on, you can identify them using different selectors.

    • Class.
    • id#
    • name attribute ( name) etc.

    Example with an idadd to form = Myform1

    <a class="checkout" onclick="process(2); $('form#Myform1').submit();">continue</a>

    Another example:

    <a class="checkout" onclick="process(2); $('[name=form1]').submit();">continue</a>

    The second way is to execute the submitbutton inside the form, as follows:

    <a class="checkout" onclick="process(2); $('[type=submit]').trigger('click');">continue</a>

    I leave you two topics related to it in different procedures:

    • 3

  2. You can give an Id to the button of type submit, for example: "send".

    Then, to make that button execute from another action, you can do it with JavaScript in the following way:

    Put an event listener on the link you mention, so that the event you listen to is the "click" event. For this you need to put an Id to the link. Then, when the link is clicked, have the button's click event fire as well. In order to manipulate the button you also need to give it an Id. That's why I suggested calling it "send".

    You should have something similar to this:

    //Con JQuery sería algo así:
$("#continue").on("click", function(e){
  //Con esta instrucción haces que se ejecute el botón que envía el formulario.
  $('#send').click();
});


//Sin JQuery así:
document.getElementById("continue").addEventListener("click", function(e) {
  document.getElementById('send').click();
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<form name = "form1" action = "https://www.sandbox.paypal.com/cgi-bin/webscr" method = "POST">
  <!-- Resto de input -->
  <!-- Botón que ejecuta el direccionamiento al pago paypal-->
  <input type = "submit" id = "send" value = "paypal sandbox">
</form>

<a class="checkout" id = "continue">Continuar</a>

    Also, the URL to which you are going to send the data goes in the "action" attribute of the form. In the "method" attribute goes that, the method. I guess it would be POST. Use the one you need.

    • 1