none
Campo preenchido obrigatório se marcar certa opção no formulário RRS feed

  • Pergunta

  • 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!

    quarta-feira, 17 de dezembro de 2008 18:27