Send form without knowing the name

Question

I have a form that changes its name constantly , and I want to give it Ubmit for a function. In this function "alters" it takes the name of the form, but this way I did it does not work. The "+ide+" form is a random number, so I pass it to the "alter" function. If anyone can help me and explain how to make it work what I want to do.

<form method='get' action='GG.php' name='alteracao"+ide+"'>
    <button onclick='altera(alteracao"+ide+")'>Enviar</button>
</form>

function altera(ide){   
        document.ide.submit();
    }

Answer 1

Instead of generating one name random to the form, generate a id random:

function altera(ide) {
    var form = document.getElementById(ide);
    alert(form.teste.value); // Para você se certificar que pegou o objeto correto.
    form.submit();
}

<form method='get' action='GG.php' id='alteracao123'>
    <input name="teste" type="hidden" value="Segredo secreto!" />
    <button onclick='altera("alteracao123")'>Enviar</button>
</form>

In the above example, I am assuming that 123 is the automatically generated number.

Answer 2

You can get the form name by the relationship between the button and the form itself

function altera(meuForm){
  alert(meuForm.name);
  meuForm.submit();
}

<form method='get' action='GG.php' name="esse form tem um nome muito difícil"  id='alteracao"+ide+"'>
    <button type="button" onclick='altera(this.parentNode)'>Enviar</button>
</form>

Answer 3

You can give an id to your form as 'alters'

<form method='get' action='GG.php' name='alteracao"+ide+"' id="altera">
    <button onclick='altera(alteracao"+ide+")>Enviar</button>
</form>

With this it is possible to check when to give 'Submit' in the form and run its function:

document.getElementById('altera').addEventListener('submit', function(
    // Aqui você realiza suas funções
    altera();
));