Visualizzazione dei risultati da 1 a 8 su 8

Discussione: Controllo radiobutton

  1. #1

    Controllo radiobutton

    Ciao Raga,
    Stò rimbambendo !!
    Devo effettuare un controllo su radiobutton, separatamente sparei che funzione inserire, ma facendo parte di altri campi di testo come faccio a modificare lo script sotto riportato ?
    I radio button è una coppia per scegliere il si e il no e si chiama "oc "

    10ks




    <script type="text/javascript">
    <!-- inzio function controllo campi
    function check(form){

    var area = document.getElementById("area");
    var cat = document.getElementById("cat");
    var oc = document.getElementById("cat"); <!-- questo è il un radio button
    var nome = document.getElementById("nome");
    var email = document.getElementById("email").value;
    var Filtro = new RegExp("^[a-zA-Z0-9_.-]{1,}@[a-zA-Z0-9\-]{2,}[.][a-zA-Z0-9]{2,}$");
    var tel = document.getElementById("tel");
    var pref = document.getElementById("pref");
    var tit = document.getElementById("tit");
    var txt = document.getElementById("txt");

    if(area.value==""){
    alert("ATTENZIONE !\nPer procedere occorre scegliere l'area ");
    return false;
    }
    if(cat.value==""){
    alert("ATTENZIONE !\nPer procedere occorre scegliere la categoria");
    return false;
    }

    if(oc.value==""){
    alert("ATTENZIONE !\nPer procedere occorre selezionare una tipologia");
    return false;
    }

    if(nome.value==""){
    alert("ATTENZIONE !\nPer procedere occorre inserire un nome");
    return false;
    }

    if (!Filtro.test(email)) {
    alert("L'inserimento dell'indirizzo e-mail è obbligatorio, verifica il corretto inserimento");
    document.getElementById("email").focus();
    return false;
    }

    if(tit.value==""){
    alert("ATTENZIONE !\nPer procedere occorre inserire il titolo ");
    return false;
    }

    if(txt.value==""){
    alert("ATTENZIONE !\nPer procedere occorre inserire il testo ");
    return false;
    }
    }
    //--> fine controlli campi
    </script>



    10ks !!




    .

  2. #2
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367
    in quello che hai postato richiami sempre "cat"
    var cat = document.getElementById("cat");
    var oc = document.getElementById("cat"); <!-- questo è il un radio button
    se hai 2 radio che si chiamano oc e il sì è il primo
    codice:
    oc = document.getElementById("oc");
    if(!oc[0].checked && !oc[1].checked){
      alert("ATTENZIONE !\nPer procedere occorre selezionare una tipologia");
      return false;
    }

  3. #3
    Quindi intendi scrivere cosi il tutto ?

    Cosi ho fatto ma non mi funziona , adesso mi processa tutto prima di quel campo e poi mi parte il submit

    nb - E' corretto utilizzare il getElementById per i radiobutton ?


    <!-- inzio function controllo campi
    function check(mercatino){

    var area = document.getElementById("area");
    var cat = document.getElementById("cat");
    var oc = document.getElementById("oc");
    var nome = document.getElementById("nome");
    var email = document.getElementById("email").value;
    var Filtro = new RegExp("^[a-zA-Z0-9_.-]{1,}@[a-zA-Z0-9\-]{2,}[.][a-zA-Z0-9]{2,}$");
    var tel = document.getElementById("tel");
    var pref = document.getElementById("pref");
    var tit = document.getElementById("tit");
    var txt = document.getElementById("txt");

    if(area.value==""){
    alert("ATTENZIONE !\nPer procedere occorre scegliere l'area ");
    return false;
    }
    if(cat.value==""){
    alert("ATTENZIONE !\nPer procedere occorre scegliere la categoria");
    return false;
    }

    if(!oc[0].checked && !oc[1].checked){
    alert("ATTENZIONE !\nPer procedere occorre selezionare una tipologia");
    return false;
    }


    if(nome.value==""){
    alert("ATTENZIONE !\nPer procedere occorre inserire un nome");
    return false;
    }

    if (!Filtro.test(email)) {
    alert("L'inserimento dell'indirizzo e-mail è obbligatorio, verifica il corretto inserimento");
    document.getElementById("email").focus();
    return false;
    }

    if(tit.value==""){
    alert("ATTENZIONE !\nPer procedere occorre inserire il titolo ");
    return false;
    }

    if(txt.value==""){
    alert("ATTENZIONE !\nPer procedere occorre inserire il testo ");
    return false;
    }
    }
    //--> fine controlli campi




    PS - Effetivamente avevo lasciato lo stesso nome

    var cat = document.getElementById("cat");
    var oc = document.getElementById("cat"); <!-- questo è il un radio button




    .

  4. #4
    UP :quote:


    Nessuno può aiutarmi ?





    .

  5. #5
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367
    posta l'html relativo ai radiobutton

  6. #6
    Eccoti il codice, ho anche inserito lo script per i controllo dai radio button, che chiaramente non mi funziona.

    10ks

    ---------------------------------------

    <html>
    <head>
    <title>Documento senza titolo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <SCRIPT LANGUAGE="JavaScript">

    <!-- inzio function controllo campi
    function check(mercatino){

    var area = document.getElementById("area");
    var cat = document.getElementById("cat");
    var nome = document.getElementById("nome");
    var email = document.getElementById("email").value;
    var Filtro = new RegExp("^[a-zA-Z0-9_.-]{1,}@[a-zA-Z0-9\-]{2,}[.][a-zA-Z0-9]{2,}$");
    var tel = document.getElementById("tel");
    var pref = document.getElementById("pref");
    var tit = document.getElementById("tit");
    var txt = document.getElementById("txt");

    if(area.value==""){
    alert("ATTENZIONE !\nPer procedere occorre scegliere l'area ");
    return false;
    }
    if(cat.value==""){
    alert("ATTENZIONE !\nPer procedere occorre scegliere la categoria");
    return false;
    }

    if(nome.value==""){
    alert("ATTENZIONE !\nPer procedere occorre inserire un nome");
    return false;
    }

    if (!Filtro.test(email)) {
    alert("L'inserimento dell'indirizzo e-mail è obbligatorio, verifica il corretto inserimento");
    document.getElementById("email").focus();
    return false;
    }

    if(tit.value==""){
    alert("ATTENZIONE !\nPer procedere occorre inserire il titolo ");
    return false;
    }

    if(txt.value==""){
    alert("ATTENZIONE !\nPer procedere occorre inserire il testo ");
    return false;
    }
    }
    //--> fine controlli campi


    <!-- inzio script per controllo radiobutton

    function checkRadio(mod){

    if (mod.oc[1].checked == false && mod.oc[0].checked == false ){
    alert('Attenzione:\nSeleziona la Tipologia (offro o cerco)');
    return false;
    }

    }

    //--> fine controllo radio button



    <!-- inzio script select dinamici
    function selChanges(selezionata){

    var ss=document.mercatino.cat
    for(var i=ss.options.length-1;i>=0;i--)
    ss.options[i]=null

    ar_1=new Array();
    ar_2=new Array();
    ar_3=new Array();
    ar_4=new Array();
    ar_5=new Array();
    ar_6=new Array();

    ar_1[0]=new Option('Cerco camere in affitto','Cerco camere in affitto');
    ar_1[1]=new Option('Offro camere in affitto','Offro camere in affitto');
    ar_1[2]=new Option('Cerco casa in affitto','Cerco casa in affitto');
    ar_1[3]=new Option('Offro casa in affitto','Offro casa in affitto');
    ar_1[4]=new Option('Offro casa in vendita','Offro casa in vendita');
    ar_1[5]=new Option('Cerco casa in vendita','Cerco casa in vendita');
    ar_1[6]=new Option('Casa per vacanze','Casa per vacanze');
    ar_1[7]=new Option('Bed & breakfast','Bed & breakfast');

    ar_2[0]=new Option('IT-telecomunicazioni','IT-telecomunicazioni');
    ar_2[1]=new Option('Commercio','Commercio');
    ar_2[2]=new Option('Impiegati','Impiegati');
    ar_2[3]=new Option('Industria-Artigianato','Industria-Artigianato');
    ar_2[4]=new Option('Baby Sitter-Colf-Assistenza','Baby Sitter-Colf-Assistenza');
    ar_2[5]=new Option('Grafica-Design-ADV','Grafica-Design-ADV');
    ar_2[6]=new Option('Consulenze-Traduzioni','Consulenze-Traduzioni');
    ar_2[7]=new Option('Altri lavori','Altri lavori');

    ar_3[0]=new Option('Eventi-Feste','Eventi-Feste');
    ar_3[1]=new Option('Locali ricreativi','Locali ricreativi');
    ar_3[2]=new Option('Viaggi-Escursioni-Gite','Viaggi-Escursioni-Gite');
    ar_3[3]=new Option('Associazioni sportive','Associazioni sportive');
    ar_3[4]=new Option('Gruppi musicali','Gruppi musicali');
    ar_3[5]=new Option('Altro','Altro');

    ar_4[0]=new Option('Cerco amici','Cerco amici');
    ar_4[1]=new Option('Cerco anima gemella','Cerco anima gemella');
    ar_4[2]=new Option('Coppie','Coppie');

    ar_5[0]=new Option('Auto-accessori auto','Auto-accessori auto');
    ar_5[1]=new Option('Moto-accessori moto','Moto-accessori moto');
    ar_5[2]=new Option('Biciclette-accessori bici','Biciclette-accessori bici');
    ar_5[3]=new Option('Articoli sportivi','Articoli sportivi');
    ar_5[4]=new Option('Audiovideo-PC-telefonia','Audiovideo-PC-telefonia');
    ar_5[5]=new Option('Libri-riviste-fumetti','Libri-riviste-fumetti');
    ar_5[6]=new Option('Strumenti musicali','Strumenti musicali');
    ar_5[7]=new Option('Hobby-tempo libero','Hobby-tempo libero');
    ar_5[8]=new Option('Arredamento-antiquario','Arredamento-antiquario');
    ar_5[9]=new Option('Abbigliamento e accessori','Abbigliamento e accessori');
    ar_5[10]=new Option('Collezionismo','Collezionismo');
    ar_5[11]=new Option('Altro','Altro');

    ar_6[0]=new Option('Varie','Varie');


    if(selezionata==1)array_rif=ar_1;
    if(selezionata==2)array_rif=ar_2;
    if(selezionata==3)array_rif=ar_3;
    if(selezionata==4)array_rif=ar_4;
    if(selezionata==5)array_rif=ar_5;
    if(selezionata==6)array_rif=ar_6;

    for(i=0;i<array_rif.length;i++)document.mercatino. cat.options[i]=array_rif[i];}

    //--> fine script select dinamici

    </SCRIPT>
    </head>
    <body >
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    </head>
    <body >
    <table width="780" height="450" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="520" valign="top" bgcolor="#EEEEEE"><form action="data_ins.php"
    method="post" enctype="multipart/form-data" name="mercatino" onSubmit="return(check(mercatino) && checkRadio(mod));">
    <table width="97%" border="0" align="center" cellpadding="1" cellspacing="1">
    <tr>
    <td align="right" class="Bold10black_c"></td>
    <td class="Bold10black_c"></td>
    <td class="Bold10black_c"><span class="titnewsc"><span class="times12RedB">*</span></span> = Campi obbligatori </td>
    </tr>
    <tr>
    <td width="22%" align="right" class="Bold10black_c"><span class="times12RedB">*</span> Area</td>
    <td width="1%" class="Bold10black_c"></td>
    <td width="77%"><select name="area" id="area" onChange="selChanges(this[this.selectedIndex].id)" >
    <option value="">Seleziona Area</option>
    <option id="1" value="Casa">Casa</option>
    <option id="2" value="Lavoro">Lavoro</option>
    <option id="3" value="Svago">Svago</option>
    <option id="4" value="Incontri">Incontri</option>
    <option id="5" value="Compro-Vendo">Compro-Vendo</option>
    <option id="6" value="Altro">Altro</option>
    </select> <label></label></td>
    </tr>
    <tr>
    <td align="right" class="Bold10black_c"><span class="times12RedB">* </span>Categoria</td>
    <td class="Bold10black_c"></td>
    <td><select name="cat">
    <option value="">Categoria</option>
    </select></td>
    </tr>
    <tr>
    <td align="right" class="Bold10black_c"><span class="times12RedB">*</span> Tipologia</td>
    <td class="Bold10black_c"></td>
    <td class="Bold10black_c"><label><input type="radio" name="oc" value="2">
    Cerco-Compro</label>
    <label><input type="radio" name="oc" value="1">
    Offro-Vendo</label> </td>
    </tr>
    <tr>
    <td align="right" class="Bold10black_c"><span class="times12RedB">*</span> Nome</td>
    <td class="Bold10black_c"></td>
    <td><input name="nome" type="text" id="nome" size="50" maxlength="30"></td>
    </tr>
    <tr>
    <td align="right" class="Bold10black_c"><span class="times12RedB">*</span> e-mail</td>
    <td class="Bold10black_c"></td>
    <td><input name="email" type="text" size="50" maxlength="50"></td>
    </tr>
    <tr>
    <td align="right" class="Bold10black_c">Telefono </td>
    <td class="Bold10black_c"></td>
    <td class="Cors10Grey"><input name="tel" type="text" id="tel">
    Se volete, inserite anche pi&ugrave; recapiti telefonici </td>
    </tr>
    <tr>
    <td align="right" class="Bold10black_c"><span class="times12RedB">* </span>Titolo</td>
    <td class="Bold10black_c"></td>
    <td><input name="tit" type="text" id="tit" size="50" maxlength="30"></td>
    </tr>
    <tr>
    <td align="right" class="Bold10black_c"><span class="times12RedB">*</span> Testo</td>
    <td class="Bold10black_c"></td>
    <td><label>
    <textarea name="txt" cols="45" rows="5" id="txt"></textarea>
    </label></td>
    </tr>
    <tr>
    <td align="right" class="Bold10black_c"></td>
    <td class="Bold10black_c"></td>
    <td><input type="submit" name="Submit" value="Inserisci Annuncio" ></td>
    </tr>
    </table>
    </form>
    </td>
    <td width="260" valign="top" background="img/sfondo.gif">
    </td>
    </tr>
    </table>
    </body>
    </html>




    .

  7. #7
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367
    togli la funzione checkRadio e metti dentro la funzione check
    codice:
    if (mercatino.oc[1].checked == false && mercatino.oc[0].checked == false ){
        alert('Attenzione:\nSeleziona la Tipologia (offro o cerco)');            
        	return false;
        }
    e nel form richiama la funzione così
    codice:
    <form action="data_ins.php" method="post" enctype="multipart/form-data" name="mercatino" onSubmit="return(check(this));">

  8. #8
    GRANDE !!!

    Funge !!!!

    10ks





    .

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 © 2026 vBulletin Solutions, Inc. All rights reserved.