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

PHP+Codeigniter - Ajuda en NFePhp para Sistema

PHP+Codeigniter - Teclas para Salvar (atalho)

Javascript - Passar Parâmetros para uma Função.

Fóruns

Tempo Real

Informação importante