Pessoal, estou tentando fazer algo, mas não estou conseguindo para um formulário clínco:
Quero uma opção do cliente informar o uso de alguma medicação. Da seguinte forma:
Está usando algum medicamento?
( ) SIM ( ) Não - QUAL?
Caso responda que sim será necessário que informe o nome da medicação. O sistema deverá impedir o prosseguimento do cadastro caso não informe a medicação. Deve exibir uma alerta se o campo QUAL estiver vazio.
Estou usando type="radio"
Tem o seguinte no formulário:
Usa remédio?:
( ) Não ( ) Sim QUAL? [ digita o nome do remedio ]
E envia o formulário.
Se a pessoa fez isso:
Usa remédio?
( ) Não (x) Sim QUAL? [ ]
Veja que ela marcou sim e não preencheu o campo QUAL. Deixou o campo "QUAL" para digita o nome do remedio vazio
Sendo assim, o botão enviar do formumlário não deixa enviar o formulário, dando um alerta para preencher o campo "QUAL".
Mas, se a pessoa fez isso:
Usa remédio?
(x ) Não ( ) Sim QUAL? [ ]
O botão do formulário pode deixar enviar o formulário mesmo com o campo onde digita o nome do remedio vazio, pois ele marcou Não.
Aí fiz o seguinte, mas não deu certo... está praticamente pronto, só não sei como interagir isso, veja;
Fiz assim... Mas o que acontece é que o alerta vem antes de enviar o formulário... só pode dar alerta se enviar, da submit... e se caso o botão radio seja sim:
****************************************************************************************************************************************
<script>
function ValidaFormulario(Medicamento)
{
if(Medicamento=="Sim")
{
if (document.form.nome.value==""){
alert("Digite o seu Nome");
document.form.nome.focus();
return false;
}
else
{
return false;
}
}
}
</script>
<form method="POST" action="--WEBBOT-SELF--" name="form" onSubmit="return ValidaFormulario();" >
<input type="radio" value="Sim" name="Medicamento" onclick="ValidaFormulario('Sim')">
</font><input type="radio" value="Não" name="Medicamento" onclick="ValidaFormulario('Não')">
<font face="Arial Narrow" size="2" color="#696969">Qual? </font><font face="verdana" color="#422a09" size="-2">
<input class="formcolor" style="BORDER-RIGHT: #7b7a64 1px solid; BORDER-TOP: #7b7a64 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #7b7a64 1px solid; BORDER-BOTTOM: #7b7a64 1px solid; FONT-FAMILY: Verdana" maxLength="100" size="33" name="nome">
<font color="#7b7a64" size="1" face="Arial Narrow">
<input class="form" style="border:1px solid #FFFFFF; FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #1B57A0" type="submit" value="Cadastrar Agendamento" border="0" name="B1" height="19" width="59">
<input class="form" style="border:1px solid #FFFFFF; FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #1B57A0" type="reset" value="Limpar" border="0" name="B2" height="19" width="59"></font></form>
******************************************************************************************************************************
Como resolver?
Obrigado!
