Validação de radio buttons

Marisa Lima · Novembro 17, 2015

Boa tarde.

Necessito de validar o preenchimento dos radio buttons num formulário, até aí eu consegui com o seguinte código:

    function id(el)
            {
                return document.getElementById(el);
            }
            function name(el) {
                return document.getElementsByName(el);
            }
 
            function valida_radios(radios)
            {
 
                for (var i = 0; i < radios.length; i++)
                {
                    if (radios[i].checked)
                        return true;
                }
                return false;
            }
            window.onload = function ()
            {
                
                    id('form').onsubmit = function ()
                {
                    var erro = false;
                   
                    if (!valida_radios(name('R01')))
                    {
                        alert("Falta respondder à pergunta 1.1!");
                        erro = true;
                    }
                   if (!valida_radios(name('R02')))
                    {
                        alert("Falta respondder à pergunta 1.2!");
                        erro = true;
                    }
                    if (!valida_radios(name('R03')))
                    {
                        alert("Falta respondder à pergunta 1.3!");
                        erro = true;
                    }
                   if (!valida_radios(name('R04')))
                    {
                        alert("Falta respondder à pergunta 1.4!");
                        erro = true;
                    }
                    if (!valida_radios(name('R05')))
                    {
                        alert("Falta respondder à pergunta 1.5.1!");
                        erro = true;
                    }
                    if (!valida_radios(name('R06')))
                    {
                        alert("Falta respondder à pergunta 1.5.2!");
                        erro = true;
                    }
                   
                    if (!valida_radios(name('R07')))
                    {
                        alert("Falta respondder à pergunta 1.6!");
                        erro = true;
                    }
                    if (!valida_radios(name('R08')))
                    {
                        alert("Falta respondder à pergunta 1.7!");
                        erro = true;
                    }
                    if (!valida_radios(name('R09')))
                    {
                        alert("Falta respondder à pergunta 1.8!");
                        erro = true;
                    }
                    if (!valida_radios(name('R10')))
                    {
                        alert("Falta respondder à pergunta 1.9!");
                        erro = true;
                    }
                    if (!valida_radios(name('R11')))
                    {
                        alert("Falta respondder à pergunta 1.10!");
                        erro = true;
                    }
                    if (!valida_radios(name('R12')))
                    {
                        alert("Falta respondder à pergunta 2.1!");
                        erro = true;
                    }
                    if (!valida_radios(name('R13')))
                    {
                        alert("Falta respondder à pergunta 2.2!");
                        erro = true;
                    }
                    if (!valida_radios(name('R14')))
                    {
                        alert("Falta respondder à pergunta 3.1!");
                        erro = true;
                    }
                    if (!valida_radios(name('R15')))
                    {
                        alert("Falta respondder à pergunta 3.2!");
                        erro = true;
                    }
                    if (!valida_radios(name('R16')))
                    {
                        alert("Falta respondder à pergunta 3.3!");
                        erro = true;
                    }
                    if (!valida_radios(name('R17')))
                    {
                        alert("Falta respondder à pergunta 4.1!");
                        erro = true;
                    }
                    if (!valida_radios(name('R18')))
                    {
                        alert("Falta respondder à pergunta 4.2!");
                        erro = true;
                    }
                    if (!valida_radios(name('R19')))
                    {
                        alert("Falta respondder à pergunta 5.1!");
                        erro = true;
                    }
                    if (!valida_radios(name('R20')))
                    {
                        alert("Falta respondder à pergunta 5.2.1!");
                        erro = true;
                    }
                    if (!valida_radios(name('R21')))
                    {
                        alert("Falta respondder à pergunta 5.2.2!");
                        erro = true;
                    }
                    if (!valida_radios(name('R22')))
                    {
                        alert("Falta respondder à pergunta 5.2.3!");
                        erro = true;
                    }
                    if (!valida_radios(name('R23')))
                    {
                        alert("Falta respondder à pergunta 5.3!");
                        erro = true;
                    }
                    if (!valida_radios(name('R24')))
                    {
                        alert("Falta respondder à pergunta 6.1!");
                        erro = true;
                  
                    if (erro){
                        //alert('asasfasf');
                       return false;
                    }        
        }
 
        }

Agora necessito de mais uma validação que tem a ver com o radio button seleccionado. Em determinadas questões se a resposta for por exemplo não a pessoa vai ter de justificar obrigatoriamente a sua resposta numa textarea ou selecionar mais um radio button.

Como é que eu valido o conteúdo do radio button seleccionado!

Agradeço qualquer ajuda!

Rafael R Silva · Novembro 17, 2015

Fala marisa tudo bem contigo?

Já ouviu falar no validation?

http://jqueryvalidation.org/

acredito que consiga criar as regras que precise muito mais facil e melhor estruturado, pois se continuar nessa linha de pensamento com esse código não vai ficar legal =(

o ideal é criar funções genéricas ao invés de vários if's:

if (!valida_radios(name('R23'))){}

if (!valida_radios(name('R24'))){}

.

Por que você terá que criar um js para cada pagina de perguntas que criar, caso exista 20 , 30 ou 40 perguntas.

Com jquery você consegue manipular facilmente os elementos.

Marisa Lima · Novembro 18, 2015

Olá bom dia.

Tudo bem?

Fazer a validação com o jquery validation() eu consigo com o seguinte código:

$(document).ready(function() {

$("#form").validate();

});

O meu problema está em fazer a validação de acordo com o valor seleccionado, por exemplo se o valor seleccionado for Não a pessoa tem de justificar a sua resposta obrigatoriamente. Como é que faço com que o campo fique obrigatório dependendo da escolha anterior?

Obrigada pela dica.

Lucas Guima · Novembro 18, 2015

Faça testes, pega o valor do radio e dá um alert, exibe no console, daí é só verificar o valor que aparece em cada caso e tratar, simples assim.

Marisa Lima · Novembro 18, 2015

Olá boa tarde.

Isto não está nada fácil, já mudei o código de validação para o seguinte mas não funciona.

// just for the demos, avoids form submit

jQuery.validator.setDefaults({

debug: true,

success: "valid"

});

$( "#form" ).validate({

rules: {

R03_1: {

required: "#R03:checked"

}

});

</script>

Segui este link para tentar resolver o meu problema, mas simplesmente não valida.

http://jqueryvalidation.org/required-method#dependency-expression

Podem-me ajudar com um exemplo?

Obrigada.

Rafael R Silva · Novembro 18, 2015

Marisa fiz um exemplo para você!

da uma olhada!

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Exemplo Pergunta com Justificativas</title>

<style>
li {
    display: block;
    height: 40px;
}

.justificativa{
    display:none;
}


</style>    
    
    
</head>
<body>
<form id="myform" method='post'>

    <div>
        <h1> PERGUNTA 1</h1>
        <p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI</p>
        <div class='respostas'>
            <ul>
                <li><label>Alternativa 1</label><input type='radio' name='pergunta_1'></li>
                <li><label>Alternativa 2</label><input type='radio' name='pergunta_1'></li>
                <li><label>Alternativa 3</label><input type='radio' name='pergunta_1'></li>
                <li><label>Alternativa 4</label><input type='radio' name='pergunta_1'></li>
                <li><label>Alternativa 5(Justif.)</label><input type='radio' name='pergunta_1' id='pergunta_1_justifica' class='justifica'></li>
            </ul>
             <div class='justificativa'>
                <b>Justifique sua resposta</b>
                <input type='text' name='pergunta_1_justificativa' />
            </div>
        </div>
        
        
    </div> 
    
    
    <div>
        <h1> PERGUNTA 2</h1>
        <p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI</p>
        <div class='respostas'>
            <ul>
                <li><label>Alternativa 1</label><input type='radio' name='pergunta_2'></li>
                <li><label>Alternativa 2</label><input type='radio' name='pergunta_2'></li>
                <li><label>Alternativa 3</label><input type='radio' name='pergunta_2'></li>
                <li><label>Alternativa 4</label><input type='radio' name='pergunta_2'></li>
                <li><label>Alternativa 5(Justif.)</label><input type='radio' name='pergunta_2' id='pergunta_2_justifica' class='justifica'></li>
            </ul>
            <div class='justificativa'>
                <b>Justifique sua resposta</b>
                <input type='text' name='pergunta_2_justificativa' />
            </div>
        </div>
        
        
    </div> 
    
    
    
<input type="submit" value="Salvar!">
</form>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#myform" ).validate({
  rules: {
    pergunta_1: {
      required: true
    },
    pergunta_1_justificativa:{
        required: "#pergunta_1_justifica:checked"
    },
    pergunta_2: {
      required: true
    },
    pergunta_2_justificativa:{
        required: "#pergunta_2_justifica:checked"
    }
  }
});

$(document).ready(function(){
    $(".justifica").click(function(){
       $(this).parent().parent().parent().find('.justificativa').show();
    });
    $(".respostas input").not('.justifica').click(function(){
       $(this).parent().parent().parent().find('.justificativa').hide();
    });
    
});
</script>
</body>
</html>

Marisa Lima · Novembro 19, 2015

Obrigada pelo exemplo, finalmente funcionou!

Marisa Lima · Novembro 20, 2015

Bom dia.

Infelizmente não está a funcionar na totalidade.

Consigo fazer as validações que necessito, mas quando carrego no botão submit o mesmo deixou de funcionar. Simplesmente não faz nada, nem sequer dá erro.

O que poderá estar a acontecer? Segue o meu código:

<?php
include 'funcao.php';
$result = getAllQuestion();
?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Consulta aos trabalhadores</title>
    <style type="text/css">
        table{
            font-family: Arial;


        }
        td,tr{
            font-family: Arial;
            font-size: 14px;
            height: 15px;


        }
        p{
            font-family: Arial;
        }
        html, body{
            font-family: Arial;
            height: 100%;
            margin: 0;
            padding: 0;

        }

        th{
            font-size: 17px;

        }

        p{
            font-family: Arial;
            font-size: 13px;
        }
        form
        {
            margin-bottom: 50px;


        }

        #page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
        #content {position:absolute; z-index:1; padding:10px;
                  border:1px solid black;
                  background: white;
                  width: 1000px;
                  margin-left: 270px;
                  margin-top: 20px;
                  height: auto;

        }
        #footer
        {
            width: 100%;
            position: fixed;
            bottom: 0;
            height: 70px;
            background: green;
            color: white;
        }


    </style>
</head>

<body>


    <div id="page-background"><img src="img/eolica.jpg" width="100%;" height="100%">
    </div>

    <div id="content">

        <img src="img\logo.png" style="margin-top: 10px"><br><br>
        <div>
            <h1 align="center" style="font-size: 20px;font-family: calibri;margin-top: 50px">QUESTIONÁRIO - HIGIENE E SEGURANÇA</h1>
            <br><br>

            <form action="guardar.php" method="POST" id="myform">
                <table>
                    <tr>
                        <th style="background-color: #808080;color: #fff;">
                            1. AVALIAÇÃO DE RISCOS
                        </th>
                    </tr>
                    <tr>   <input type="hidden" name="id" value="<?php echo $_GET['id']; ?>" ></tr>
                    <tr>
                        <td><?PHP echo "<b>1.1</b>" . " " . $result[0][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q1" value="<?php echo $result[0][0]; ?>" >
                        </td>

                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R01" value="Sim" >
                            Não<input type="radio" name="R01" value="Não">
                        </td>
                    </tr><tr>
                        <td></td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>1.2</b>" . " " . $result[1][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q2" value="<?php echo $result[1][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr><td>          
                            Sim<input type="radio" name="R02" value="Sim" >
                            Não    <input type="radio" name="R02" value="Não">
                        </td></tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>1.3</b>" . " " . $result[2][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q3" value="<?php echo $result[2][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>          
                            Sim<input type="radio" name="R03" value="Sim" >
                            Não    <input type="radio" name="R03" value="Não" id="R03Just">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p style="font-weight: bolder">Se respondeu Não, qual a razão de não as comunicar:    </p>
                        </td>
                    </tr><tr>
                        <td>          
                            Soluciono-as no momento sem necessitar de comunicar
                            <input type="radio" name="R03_1" value="Soluciono-as no momento sem necessitar de comunicar" >
                        </td>
                    </tr>
                    <tr>
                        <td>          
                            Contacto directamente a manutenção
                            <input type="radio" name="R03_1" value="Contacto directamente a manutenção" >
                        </td>
                    </tr>
                    <tr>
                        <td>          
                            Não utilizo máquinas/equipamentos de trabalho
                            <input type="radio" name="R03_1" value="Não utilizo máquinas/equipamentos de trabalho" >
                        </td>
                    </tr>
                    <tr>
                        <td>          
                            Outra
                            <input type="radio" name="R03_1" value="Outra" >
                            <textarea style="width: 300px" name="R03_1"></textarea>
                        </td>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>1.4</b>" . " " . $result[3][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q4" value="<?php echo $result[3][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R04" value="Sim" >
                            Não    <input type="radio" name="R04" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td><p style="font-weight: bolder;font-size: 15px">1.5 Sinalética</p></td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>1.5.1</b>" . " " . $result[4][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q5" value="<?php echo $result[4][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R05" value="Sim" >
                            Não    <input type="radio" name="R05" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>1.5.2</b>" . " " . $result[5][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q6" value="<?php echo $result[5][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R06" value="Sim" >
                            Não    <input type="radio" name="R06" value="Não" id="R06Nao">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <p style="font-weight: bolder">Se respondeu Não utilize o campo “comentários/ observações ”para sugerir melhorias relativamente à sinalética, nas áreas que considera necessárias.  </p>
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td><textarea style="width: 500px" name="R06Just"></textarea></td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>1.6</b>" . " " . $result[6][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q7" value="<?php echo $result[6][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R07" value="Sim" >
                            Não    <input type="radio" name="R07" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>1.7</b>" . " " . $result[7][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q8" value="<?php echo $result[7][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R08" value="Sim" >
                            Não    <input type="radio" name="R08" value="Não" id="R08J">
                            Não Aplicável    <input type="radio" name="R08" value=" Não Aplicável  ">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p style="font-weight: bolder">Se respondeu Não, deixe-nos algumas sugestões que considera poderem melhorar o controlo destes riscos. </p>
                        </td>
                    </tr>
                    <tr>
                        <td><textarea style="width: 500px" name="R08Just"></textarea></td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>1.8</b>" . " " . $result[8][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q9" value="<?php echo $result[8][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R09" value="Sim" id="R09Sim">
                            Não    <input type="radio" name="R09" value="Não">
                            Não Aplicável    <input type="radio" name="R09" value=" Não Aplicável  ">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <p style="font-weight: bolder">Se respondeu Sim,utilize o campo "comentários/observações" para indicar quais: </p>
                        </td>
                    </tr>
                    <tr>
                        <td><textarea style="width: 500px" name="R09Just"></textarea></td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>1.9</b>" . " " . $result[9][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q10" value="<?php echo $result[9][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R10" value="Sim" >
                            Não    <input type="radio" name="R10" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>1.10</b>" . " " . $result[10][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q11" value="<?php echo $result[10][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R11" value="Sim" >
                            Não    <input type="radio" name="R11" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <th style="background-color: #808080;color: #fff;">
                            2. EQUIPAMENTOS DE PROTECÇÃO INDIVIDUAL (EPI'S)
                        </th>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>2.1</b>" . " " . $result[11][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q12" value="<?php echo $result[11][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R12" value="Sim" >
                            Não    <input type="radio" name="R12" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>2.2</b>" . " " . $result[12][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q13" value="<?php echo $result[12][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R13" value="Sim" >
                            Não <input type="radio" name="R13" value="Não" id="R13Nao">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <p style="font-weight: bolder">Se repondeu Não utilize o campo "comentários / observações" para sugerir melhorias desses EPI ou alternativas. Indique também se se sente insatisfeito/desconfortável com algum EPI e diga-nos porquê. </p>
                        </td>
                    </tr>
                    <tr>

                        <td>Comentário/Observações   <textarea style="width: 500px" name="R13Just"></textarea></td>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <th style="background-color: #808080;color: #fff;">
                            3.FORMAÇÃO E INFORMAÇÃO
                        </th>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>3.1</b>" . " " . $result[13][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q14" value="<?php echo $result[13][0]; ?>" >
                        </td>
                    </tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R14" value="Sim" >
                            Não    <input type="radio" name="R14" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>3.2</b>" . " " . $result[14][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q15" value="<?php echo $result[14][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R15" value="Sim" id="R15Sim">
                            Não    <input type="radio" name="R15" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <p style="font-weight: bolder">Se respondeu Sim, sugira uma ou mais acções que gostaria de frequentar. </p>
                        </td>
                    </tr>
                    <tr>

                        <td><textarea style="width: 500px" name="R15Just"></textarea></td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>3.3</b>" . " " . $result[15][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q16" value="<?php echo $result[15][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R16" value="Sim" >
                            Não    <input type="radio" name="R16" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <th style="background-color: #808080;color: #fff;">
                            4. MODALIDADE DOS SERVIÇOS DE SEGURANÇA E SAÚDE NO TRABALHO
                        </th>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>4.1</b>" . " " . $result[16][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q17" value="<?php echo $result[16][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R17" value="Sim" id="R17Sim">
                            Não    <input type="radio" name="R17" value="Não">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p style="font-weight: bolder">Se respondeu Sim, utilize o campo “comentários/observações”, para especificar as suas dúvidas e/ou sugestões. </p>
                        </td>
                    </tr>
                    <tr>
                        <td><textarea style="width: 500px" name="R17Just"></textarea></td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>4.2</b>" . " " . $result[17][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q18" value="<?php echo $result[17][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R18" value="Sim" id="R18Sim">
                            Não    <input type="radio" name="R18" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <p style="font-weight: bolder">Se respondeu Sim, utilize o campo “comentários/observações”, para especificar as suas dúvidas e/ou sugestões. </p>
                        </td>
                    </tr>
                    <tr>
                        <td><textarea style="width: 500px" name="R18Just"></textarea></td>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <th style="background-color: #808080;color: #fff;font-size: 16px">
                            5. ORGANIZAÇÃO E RESPOSTA À EMERGÊNCIA
                        </th>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>5.1</b>" . " " . $result[18][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q19" value="<?php echo $result[18][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R19" value="Sim" >
                            Não<input type="radio" name="R19" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr><td><b>5.2 Na sua área de trabalho, sabe quem são:</b> </td></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>5.2.1</b>" . " " . $result[19][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q20" value="<?php echo $result[19][0]; ?>" >
                        </td>
                    </tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R20" value="Sim" >
                            Não<input type="radio" name="R20" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>5.2.2</b>" . " " . $result[22][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q21" value="<?php echo $result[22][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R21" value="Sim" >
                            Não    <input type="radio" name="R21" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>5.2.3</b>" . " " . $result[23][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q22" value="<?php echo $result[23][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R22" value="Sim" >
                            Não <input type="radio" name="R22" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>5.3</b>" . " " . $result[20][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q23" value="<?php echo $result[20][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           
                            Sim<input type="radio" name="R23" value="Sim" >
                            Não    <input type="radio" name="R23" value="Não">
                        </td>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <th style="background-color: #808080;color: #fff;font-size: 16px">
                            6. APRECIAÇÃO GLOBAL
                        </th>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr>
                        <td>
                            <?PHP echo "<b>6.1</b>" . " " . $result[21][1]; ?><label style="color: red">*</label>
                            <input type="hidden" name="Q24" value="<?php echo $result[21][0]; ?>" >
                        </td>
                    </tr>
                    <tr></tr>
                    <tr>
                        <td>           Muito Boa <input type="radio" name="R24" value="Muito Boa" >
                            Boa <input type="radio" name="R24" value="Boa">
                            Razoável<input type="radio" name="R24" value="Razoável">
                            Má <input type="radio" name="R24" value="Má">
                            Sem Opinião <input type="radio" name="R21" value="Sem Opinião">
                        </td>
                    </tr>
                </table>
                <br>
                <div style="margin-left: 750px">
                    <input type="submit" value="Enviar">
                </div>
            </form>
            <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
            <script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
            <script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
            <script>
                // just for the demos, avoids form submit
                jQuery.validator.setDefaults({
                    debug: true,
                    success: "valid"
                });
                $("#myform").validate({
                    rules: {
                        R01: {
                            required: true
                        },
                        R02: {
                            required: true
                        },
                        R03: {
                            required: true
                        },
                        R03_1:{
                            required:"#R03Just:checked"
                        },
                        R04:{
                            required: true
                        },
                        R05:{
                            required: true
                        },
                        R06:{
                            required: true
                        },
                        R06Just:{
                            required:"#R06Nao:checked"
                        },
                        R07:{
                            required: true
                        },
                        R08:{
                            required: true
                        },
                        R08Just:{
                            required:"#R08J:checked"
                        },
                        R09:{
                            required: true
                        },
                        R09Just:{
                          required:"#R09Sim:checked"  
                        },
                        R10:{
                            required: true
                        },
                        R11:{
                            required: true
                        },
                        R12:{
                            required: true
                        },
                        R13:{
                            required: true
                        },
                        R013Just:{
                          required:"#R13Nao:checked"  
                        },
                        R14:{
                            required: true
                        },
                        R15:{
                            required: true
                        },
                        R15Just:{
                          required:"#R15Sim:checked"  
                        },
                        R16:{
                            required: true
                        },
                        R17:{
                            required: true
                        },
                        R17Just:{
                          required:"#R17Sim:checked"  
                        },
                        R18:{
                            required: true
                        },
                        R18Just:{
                          required:"#R18Sim:checked"  
                        },
                        R19:{
                            required: true
                        },
                        R20:{
                            required: true
                        },
                        R21:{
                            required: true
                        },
                        R22:{
                            required: true
                        },
                        R23:{
                            required: true
                        },
                        R24:{
                            required: true
                        }

                    }
                });
            </script>
        </div>
</body>
</html>

Se me conseguirem ajudar a detectar o erro!

Rafael R Silva · Novembro 23, 2015

Remove essa parte do codigo:

jQuery.validator.setDefaults({
debug: true,
success: "valid"
});

essa configuração impedi que o submit do formulário seja feito para você testar a validação caso esteja tudo ok!

Removendo isso o seu form será enviado para o destino informado no action.

Arquivado

Validação de radio buttons

Recommended Posts

Marisa Lima 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rafael R Silva 27

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marisa Lima 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Lucas Guima 164

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marisa Lima 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rafael R Silva 27

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marisa Lima 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marisa Lima 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rafael R Silva 27

Compartilhar este post

Link para o post

Compartilhar em outros sites

problema em usar json para realizar engenharia de dados

Soma dos dias utilizados

Saber se todos os produtos de uma consulta estão cadastrados no banco de dados

Fóruns

Tempo Real

Informação importante