[Resolvido] Problema com form

[Gustavo H. Rorato 2]

Galera eu tenho um form que utilizo para o usuario escolher a cor de um produto (uma tabela de cores). Depois que ele escolher a cor desejada ele clica no submit e envia. Porem o problema é que no momento que ele clica em uma das cores já da o submit automaticamente.

 

Obs: A página em questão, que se encontra a tabela é chamada por ajax.

 

Meu form:

<form id="tabelaCor" name="tabelaCor" method="post" action="carrinho.php?acao=<?php echo 'add';?>&id=<?php echo $rowP["prod_id"]; ?>" enctype="application/x-www-form-urlencoded" >

<input type="image" src="Imagens/cores/cor_um.png" value="cor1" onclick="pegarCor(this.value)" />
               <input type="image" src="Imagens/cores/cor_dois.png" value="cor2" onclick="pegarCor(this.value)" />
               <input type="image" src="Imagens/cores/cor_tres.png" value="cor3" onclick="pegarCor(this.value)" />
               <input type="image" src="Imagens/cores/cor_quatro.png" value="cor4" onclick="pegarCor(this.value)" />
               <input type="image" src="Imagens/cores/cor_cinco.png" value="cor5" onclick="pegarCor(this.value)" />
               <input type="image" src="Imagens/cores/cor_seis.png" value="cor6" onclick="pegarCor(this.value)" />
               <input type="image" src="Imagens/cores/cor_sete.png" value="cor7" onclick="pegarCor(this.value)" />
               <input type="text" id="Ecor" name="Ecor" />
           <div id="enviaCores"><input type="button" name="envia" id="envia" value="" class="enviaCor" /></div>
           </form>

 

Minha função:

 

function pegarCor(cor){
document.getElementById('Ecor').value = cor;

}

 

Obrigado!

[Gustavo H. Rorato 2]

Consegui galera!

 

Coloquei um "return false" no input e deu certo ;)

 

<input type="image" src="Imagens/cores/cor_tres.png" value="cor3" onclick="pegarCor(this.value); return false" />

 

Obrigado pela atenção de todos.

Abraço