Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di dwb
    Registrato dal
    Mar 2001
    residenza
    My IDE! :)
    Messaggi
    2,860

    Validazione radio button

    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?
    ~Il nome di una variabile deve riflettere il suo scopo e non il suo tipo di dati, NET Framework.

  2. #2
    Moderatore di ASP.net L'avatar di djciko
    Registrato dal
    Nov 2002
    Messaggi
    6,640
    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>

  3. #3
    Utente di HTML.it L'avatar di dwb
    Registrato dal
    Mar 2001
    residenza
    My IDE! :)
    Messaggi
    2,860
    Qualche sample per un CustomValidator? Non mi è possibile trasformare in RadioButtonList!
    ~Il nome di una variabile deve riflettere il suo scopo e non il suo tipo di dati, NET Framework.

  4. #4
    Moderatore di ASP.net L'avatar di djciko
    Registrato dal
    Nov 2002
    Messaggi
    6,640
    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>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.