I'tenho um formulário, com 2 botões
<a href="index.html"><button>Cancel changes</button></a>
<button type="submit">Submit</button>
Eu uso o botão jQuery UI's neles também, simplesmente assim
$('button').button();
No entanto, o primeiro botão também submete o formulário. Eu teria pensado que se ele não't tivesse o type="submit"
, ele não't.
Obviamente eu poderia fazer isto.
$('button[type!=submit]').click(function(event) { event.stopPropagation(); });
Mas há alguma forma de eu impedir que o botão de retorno envie o formulário sem intervenção do JavaScript?
Para ser honesto, eu usei um botão apenas para que eu pudesse estiloá-lo com jQuery UI. Eu tentei chamar button()
no link e ele não funcionou't como esperado (parecia bem feio!).
O valor padrão para o atributo type
dos elementos button
é " submit". Defina como type="button"
para produzir um botão que não't submeta o formulário.
<button type="button">Submit</button>
Nas palavras do Padrão HTML: "Não faz nada."
O elemento 'botão' tem um tipo padrão de `submeter'.
Você não pode fazer nada definindo um tipo de button
:
<button type="button">Cancel changes</button>
Basta usar o bom e velho HTML:
<input type="button" value="Submit" />
Embrulhe-o como tema de um link, se assim o desejar:
<a href="http://somewhere.com"><input type="button" value="Submit" /></a>
Ou se você decidir que quer que o javascript forneça alguma outra funcionalidade:
<input type="button" value="Cancel" onclick="javascript: someFunctionThatCouldIncludeRedirect();"/>