• User Newbie

    Controllo sui campi form

    Ciao,

    sto tentando di applicare in js un controllo su alcuni campi form, ma non essendo un esperto in materia ho un problema.
    in pratica non riesco a far funzionare il controllo sui radio button

    il codice html

    [HTML]Italiano<input type="radio" name="lingua" id="lingua" value="it" /><br />
    Inglese<input type="radio" name="lingua" id="lingua" value="en" />

    <input name="btnAddUser" type="button" id="btnAddUser" value="Aggiungi Utente" onClick="checkAddUserForm();" class="button">[/HTML]

    il js

    function checkAddUserForm()
    {
    	var f = document.frmAddUser //valorizzo la varibile con il form
    		if (f.txtUserName.value==''){// verifico che la user non sia vuota
    		alert('Inserire l\' ID Cliente');
    			return false;
    		} else if (f.txtPassword.value==''){//verifico che la password non sia vuota
    			alert('Inserire la password');
    			return false;
    		} else if (!f.lingua[0].checked && !f.lingua[1].checked){//verifico che almeno una lingua sia selezionata
    			alert('Seleziona la lingua');
    			return false;
    		} else {
    			submit();
    		}
    }
    

    il controllo sui campi txtUserName e txtPassword funziona. Però quando seleziono la lingua, il tasto button di invio rimane disabilitato.
    Perchè?


  • User Attivo

    Ciao dariozeta, e benvenuto sul ForumGT!

    Per risolvere fai così:

    • Cambia l'id a uno dei due radio button
    • al posto di controllarlo tramite il form, vontrollalo tramite l'id
    
    document.getElementById('lingua').checked
    
    

    Quindi applicandolo al tuo script:
    [HTML]Italiano<input type="radio" name="lingua" id="lingua1" value="it" /><br />
    Inglese<input type="radio" name="lingua" id="lingua2" value="en" />

    <input name="btnAddUser" type="button" id="btnAddUser" value="Aggiungi Utente" onClick="checkAddUserForm();" class="button">[/HTML]

    il js

    function checkAddUserForm()
    {
    	var f = document.frmAddUser //valorizzo la varibile con il form
    		if (f.txtUserName.value==''){// verifico che la user non sia vuota
    		alert('Inserire l\' ID Cliente');
    			return false;
    		} else if (f.txtPassword.value==''){//verifico che la password non sia vuota
    			alert('Inserire la password');
    			return false;
    		} else if (!document.getElementById('lingua1').checked && !document.getElementById('lingua2').checked){//verifico che almeno una lingua sia selezionata
    			alert('Seleziona la lingua');
    			return false;
    		} else {
    			submit();
    		}
    }