Validazione radio button

**dwb** · 08-11-2019, 15:09

Ho una serie di radio button di questo tipo:

codice:

<div class="box" id="Div_OLTRE_BoxWoodStyleChiara" runat="server"><asp:RadioButton ID="OLTRE_BoxWoodStyleChiara" GroupName="Superficie" runat="server"   /><span runat="server"><span class="img" ><img src="Oltre/Superfici/BOX_WOODSTYLE/BOX_WOODSTYLE_TINTA_CHIARA.png" alt=""></span>Chiara</span><div class="image-box"><img src="Oltre/Superfici/BOX_WOODSTYLE/BOX_WOODSTYLE_TINTA_CHIARA.png" alt=""></div></div>	
	
	
<div class="box" id="Div_OLTRE_BoxWoodStyleMedia" runat="server"><asp:RadioButton ID="OLTRE_BoxWoodStyleMedia" GroupName="Superficie" runat="server"   /><span runat="server"><span class="img" ><img src="Oltre/Superfici/BOX_WOODSTYLE/BOX_WOODSTYLE_TINTA_MEDIA.png" alt=""></span>Media</span><div class="image-box"><img src="Oltre/Superfici/BOX_WOODSTYLE/BOX_WOODSTYLE_TINTA_MEDIA.png" alt=""></div></div>		




<div class="box" id="Div_OLTRE_BoxWoodStyleMediaScura" runat="server"><asp:RadioButton ID="OLTRE_BoxWoodStyleMediaScura" GroupName="Superficie" runat="server"   /><span runat="server"><span class="img" ><img src="Oltre/Superfici/BOX_WOODSTYLE/BOX_WOODSTYLE_TINTA_MEDIA_SCURA.png" alt=""></span>Media Scura</span><div class="image-box"><img src="Oltre/Superfici/BOX_WOODSTYLE/BOX_WOODSTYLE_TINTA_MEDIA_SCURA.png" alt=""></div></div>

Dovrei far si che quando clicco sul pulsante per il submit, il modulo venga inviato solo se almeno uno di essi è selezionato, chi mi da qualche suggerimento?

**djciko** · 08-11-2019, 18:23

se fai un RadioButtonList è facilmente validabile con un RequiredFieldValidator, altrimenti devi fare un CustomValidator, che è piu' rognoso.

Un esempio per la prima opzione:

codice:

<form id="form1" runat="server">
        <div>
            <asp:RadioButtonList runat="server" ID="rblValori">
                <asp:ListItem Text="1" Value="1"></asp:ListItem>
                <asp:ListItem Text="2" Value="2"></asp:ListItem>
                <asp:ListItem Text="3" Value="3"></asp:ListItem>
            </asp:RadioButtonList>


            <asp:RequiredFieldValidator ID="rfv" runat="server"
                ControlToValidate="rblValori" ErrorMessage="Selezionare almeno un valore">
            </asp:RequiredFieldValidator>




            <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        </div>
 </form>

**dwb** · 08-11-2019, 23:09

Qualche sample per un CustomValidator? Non mi è possibile trasformare in RadioButtonList!

**djciko** · 11-11-2019, 16:07

Ti posto un esempio del controllo di cui necessiti fatto in un altro modo, in jQuery (Il file JS <jquery-1.12.4.min.js> è nella cartella dove sta la pagina). Funziona, ed è una sola istruzione alla fine.

Vedi se riesci ad adattarlo con controlli lato server, oppure cambia i tuoi in controlli html. In un attimo di tempo libero provo io a fare la prima cosa

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>RBs</title>


    <script src="jquery-1.12.4.min.js" type="text/javascript"></script>


    <script type="text/javascript">
        $(document).ready(function () {
           
            $("#verifica").click(function () {
                var almenoUnoChecked = $('input[name="rbs"]:checked').length > 0;
                alert(almenoUnoChecked);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input type="button" id="verifica" value="clicca per controllo" />
            <br /><br />
            <input type="radio" id="rbs1" name="rbs" value="Mele" /><label for="rbs1">Mele</label>
            <input type="radio" id="rbs2" name="rbs" value="Pere" /><label for="rbs2">Pere</label>
            <input type="radio" id="rbs3" name="rbs" value="Banane" /><label for="rbs3">Banane</label>
        </div>
    </form>
</body>
</html>

**dwb** · 25-11-2019, 12:30

Risolto così:

codice:

      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script type = "text/javascript">
      function ValidateRadio(sender, args) {
          args.IsValid = $("[name=Superficie]:checked").length > 0;
      }
  </script>

**djciko** · 25-11-2019, 12:40

bene

Discussione: Validazione radio button

Strumenti discussione

Ricerca discussione

Visualizza

Validazione radio button

Permessi di invio