Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia caros amigos.
Tenho a seguinte situação:
em uma loja virtual a pessoa pode escolher os produtos: P, M, G ou GG.
Cada um desses tem a sua quantidade disponível.
Até ai tudo certo, ja montei os select com PHP.
Porém gostaria de validar quando a pessoa clica em comprar ela deveria escolher pelo menos um produto das opções.
Como estou fazendo até agora:
Select:
Tipos disponíveis:<br>
<form action="carrinho.php" method="post" name="form" id="form" onSubmit="return Valida();">
P<br>
<select name="prod[1]" id="prod[1]" >
<option value="0" selected>0</option>
<option value="1" >1</option>
<option value="2" >2</option>
</select>
<br>
M<br>
<select name="prod[2]" id="prod[2]" >
<option value="0" selected>0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
</select>
<br>
<input name="submit" type="image" src="images/add.png" value="Adicionar ao Carrinho" /><br>
Script de validação:
<script language="JavaScript">
function Valida () {
d = document.form;
if(document.getElementById("prod[1]").selectedIndex == "0"){
alert("Você deve escolher a quantidade desejada!");
return false;
}
if(document.getElementById("prod[2]").selectedIndex == "0"){
alert("Você deve escolher a quantidade desejada!");
return false;
}
return true;
}
</script>
Está OK, porém assim a validação obriga a pessoa a escolher sempre um produto de cada tipo.
e gostaria se escolhe-se um 'P' por exemplo já retornasse como 'true'.
Como posso fazer esta validação múltipla?
Obrigado
Carregando comentários...