- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Controllo sui campi form
-
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 buttonil 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è?
-
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(); } }