[Resolvido] Problema com form

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!