[Resolvido] Problema com validação da radio button

[SHWE12 1]

Bom dia Galera

meu problema é o seguinte, tenho um script que valida certinho o radio button, só que quando ele da a mensagem q nenhuma opcão foi selecionada, ele está enviando o formulário mesmo assim, e eu queria que só enviasse o formulário se ele clicasse em alguma opção..

<script "text/javascript">
function Valida(form_frete) {
preencheu = false;
botoes = form_frete.opc_frete.length;
for (i=0;i<botoes;i++) {
if (form_frete.opc_frete[i].checked) {
preencheu = true;
break; }
}
if (preencheu) {
form_frete.submit(); }
else {
alert("É Obrigatório preencher umas das opçãos de Frete!.");
}
return false;
}
</script>

<form method="post" name="form_frete" action="carrinho.php?acao=finalizar" onSubmit="return Valida(this);">
<input type="radio" name="opc_frete" value="<? echo number_format($sedex["valor"],2); ?>" />
<input type="image" name="btnFinaliza3" src="imagens/avancar_compra.png" onclick="javascript: document.forms[0].submit();" />
</form>

[Thiago Retondar 18]

Tente colocando o return false dentro do último else. Não é necessária aquela instrução break. Use DOM Level 1/superiores para recuperar elementos HTML.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[SHWE12 1]

não resolveu, ele ainda assim envia os dados pra ultima pagina carrinho.php?acao=finalizar

 

Desculpe, mas o que é esse Dom level 1 que você disse

[Thiago Retondar 18]

O seu código utilizou DOM Level 0. Não é padrão "liberado" pela W3C, apenas alguns métodos/propriedades foram aproveitadas por ela. Porém, como boa parte dos browsers tem suporte à propriedades e métodos, foi regulamentado com DOM Level 0.

 

Em fim... Tente assim:

 

function Valida(form_frete){
    var preencheu = false;
    var botoes = document.getElementsByName('opc_frete');
    for(var i = 0; i < botoes.length; i++){
        if(botoes.item(i).checked)
            preencheu = true;
    }
    if(!preencheu){
        alert("É Obrigatório preencher umas das opçãos de Frete!");
        return false;
    }
}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[SHWE12 1]

beleza.. deu certo

o problema nao estava no código javascript e sim na chamada da imagem submit

 

o que estava dando erro estava assim: <input type="image" name="btnFinaliza3" src="imagens/avancar_compra.png" onclick="javascript: document.forms[0].submit();" />

 

o novo, que está dando certo está assim: <input type="image" name="btnFinaliza3" src="imagens/avancar_compra.png" onclick="javascript: document.f.submit();" />

 

vlw

obrigado mesmo...