Duvida com o submit de uma div

[Guh Domingues 0]

 

Ao digitar o Cep e apertar enter, o produto e adicionado no carrinho,  ao invés de "Calcular o frete". Para calcular o frete tem que digitá-lo e aperta o Button "Calcular Frete".

 

Eu queria saber se tem alguma maneira mais fácil de inserir algum código na div do campo input e ao apertar enter executar a div "Calcular Frete" ao em vez de Executar o Button "Comprar". Que automaticamente envia o produto para o Carrinho.

[Omar~ 87]

Se eu entendi seu caso....

Tanto o input text como o input "calcular frete" e o input "comprar" estão em um único form, é isso?

Não, pois como disse não entendi direito o seu problema, mas se for o que eu estou pensando fiz um exemplo simples aqui de como você pode ter 2 ou mais submits em um único form.

Spoiler

<form method="POST">
    <input name="cep" id="cep" type="text" placeholder="digite o cep aqui"/>
    <input name="valor" id="valor" type="hidden" />
    <button onclick="return calcularFrete()">Calcular frete</button>
    <hr />
    <button onclick="return comprar()">Comprar</button>

    <div id="mostra_o_resultado"></div>
</form>

<script>
function calcularFrete() {
    var resultado = document.getElementById('mostra_o_resultado'); // Pegar o elemento onde vou testar o código
    var cep = document.getElementById('cep').value; // Pego o valor do input do cep
    if (!cep) { // Valor de cep está vazio
        resultado.innerHTML = "Informe seu CEP";
    } else {
        var calc = calculo(cep); // Envio o cep digitado para a função calcular
        document.getElementById('valor').value = calc; // Insiro o valor do calculo em um input oculto
        resultado.innerHTML = 'Valor do frete: ' + calc; // Mostro o teste.
    }
    return false;
}


function comprar() {
    var resultado = document.getElementById('mostra_o_resultado'); // Pegar o elemento onde vou testar o código
    var valor = document.getElementById('valor').value; // Pego o resultado do calculo
    var cep = document.getElementById('cep').value;
    var resposta; // Uso para depuração
    if (!valor) { // Valor do frete ainda não foi calculado
        resposta = 'Você tem que calcular o frete primeiro';
    }else {
        resposta = 'Validadando o form<br><b>CEP</b> informado: ' + cep + ' /total do frete <b>frete</b>: ' + valor;
    }
    document.getElementById('mostra_o_resultado').innerHTML = resposta;
    return false;
}

function calculo(cepRecebido) {
    /*
     * Não sei como é sua função que calcula o frete então vou retornar qualquer coisa por exemplo mesmo.
     * Mas de qualquer forma o calculo deve ser baseado o parâmetro recebido.
     */
    var a = 5;
    var b = (a * 5);
    return b;
}
</script>