Notifikationer

Markér alle som læst Log ud

gatez Nybegynder

12. januar 2005 - 17:43 Der er 2 kommentarer og
1 løsning

Validering af Radio

Hvordan validere jeg dette ? Altså sådan at den tjekker om der er valgt en af hver ? Hvis en eller flere mangler at blive valgt skal den komme med en alert.

<form method="post" action="stem.asp" name="stem" onsubmit="return valider(stem)">
<table class="bg_center_color2" width="540" cellspacing="0" cellpadding="0">
<tr>
<td class="bottom_border_color1" width="9"> </td>
<td class="bottom_border_color1" width="218"><div class="headline_text">Styling</div>Spoilere, karrosseri og farve.</td>
<td class="bottom_border_color1" width="9"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#B83D40">
<font color="#FFFFFF"><strong>1</strong></font><input type="radio" value="1" name="styling" tabindex="1" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#B83D40">
<font color="#FFFFFF"><strong>2</strong></font><input type="radio" value="2" name="styling" tabindex="2" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#B83D40">
<font color="#FFFFFF"><strong>3</strong></font><input type="radio" value="3" name="styling" tabindex="3" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A">
<font color="#FFFFFF"><strong>4</strong></font><input type="radio" value="4" name="styling" tabindex="4" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A">
<font color="#FFFFFF"><strong>5</strong></font><input type="radio" value="5" name="styling" tabindex="5" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A">
<font color="#FFFFFF"><strong>6</strong></font><input type="radio" value="6" name="styling" tabindex="6" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A">
<font color="#FFFFFF"><strong>7</strong></font><input type="radio" value="7" name="styling" tabindex="7" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#F6C500">
<strong>8</strong><input type="radio" value="8" name="styling" tabindex="8" /></td>
</tr>
<tr>
<td class="bottom_border_color1" width="9"> </td>
<td class="bottom_border_color1" width="218"><div class="headline_text">Tuning</div>Hestekræfter og motor styling</td>
<td class="bottom_border_color1" width="9"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#B83D40">
<font color="#FFFFFF"><strong>1</strong></font><input type="radio" value="1" name="tuning" tabindex="1" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#B83D40">
<font color="#FFFFFF"><strong>2</strong></font><input type="radio" value="2" name="tuning" tabindex="2" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A">
<font color="#FFFFFF"><strong>3</strong></font><input type="radio" value="3" name="tuning" tabindex="3" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A">
<font color="#FFFFFF"><strong>4</strong></font><input type="radio" value="4" name="tuning" tabindex="4" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A">
<font color="#FFFFFF"><strong>5</strong></font><input type="radio" value="5" name="tuning" tabindex="5" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#F6C500">
<strong>6</strong><input type="radio" value="6" name="tuning" tabindex="6" /></td>
</tr>
<tr>
<td class="bottom_border_color1" width="9"> </td>
<td class="bottom_border_color1" width="218"><div class="headline_text">Kabine</div>Sæder, dørbeklædning, farver mm.</td>
<td class="bottom_border_color1" width="9"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#B83D40">
<font color="#FFFFFF"><strong>1</strong></font><input type="radio" value="1" name="kabine" tabindex="1" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"><b>
<font color="#FFFFFF"><strong>2</strong></font><input type="radio" value="2" name="kabine" tabindex="2" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#F6C500">
<strong>3</strong><input type="radio" value="3" name="kabine" tabindex="3" /></td>
</tr>
<tr>
<td class="bottom_border_color1" width="9"> </td>
<td class="bottom_border_color1" width="218"><div class="headline_text">Bilstereo/ICE</div>Anlæg og opbygning.</td>
<td class="bottom_border_color1" width="9"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#B83D40">
<font color="#FFFFFF"><strong>1</strong></font><input type="radio" value="1" name="bilstereo" tabindex="1" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A">
<font color="#FFFFFF"><strong>2</strong></font><input type="radio" value="2" name="bilstereo" tabindex="2" /></td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#73AC6A"> </td>
<td class="bottom_border_color1" width="38" align="center" bgcolor="#F6C500">
<strong>3</strong><input type="radio" value="3" name="bilstereo" tabindex="3" /></td>
</tr>
<tr>
<td class="bg_center_color1" width="540" colspan="11">
<input type="hidden" value="<%=intID_Bil%>" name="bilid" tabindex="1" />
<input type="hidden" value="<%=intBrugerID%>" name="brugerid" tabindex="1" />
<br /><center>
<input class="form_bottom" type="submit" value="Ok... Stem!" name="submitbottom" tabindex="1" />
</center></td>
</tr>
</table>
</form>

Synes godt om

moocher Nybegynder

12. januar 2005 - 17:46 #1

du kan jo vælge at der en i hver gruppe der starter i checked

<input type="radio" value="1" name="bilstereo" tabindex="1" checked/>

Synes godt om

gatez Nybegynder

12. januar 2005 - 18:40 #2

--> moocher
Nop... Jeg vil have en alert på hvis et punkt mangler...
Ellers kan brugerne måske overse at ændre på et af punkterne.

Så brugere skal selv vælge helt fra start, der må ikke være valgt noget af dem.

Synes godt om

thomas_yde Nybegynder

13. januar 2005 - 09:31 #3

Nu har jeg brugt dine navne men her kan du se et eksempel:

<script type="text/javascript">
function validateRadio(){
var styling = false;
var tuning = false;
var kabine = false;
var bilstereo = false;
var debug = "";
var inputs = document.getElementsByTagName("INPUT");

for(i=0;i<inputs.length;i++){
if(inputs[i].type=="radio"){
if((inputs[i].name =="styling") && !styling){
if(inputs[i].checked){
styling = true;
}
}
else if((inputs[i].name =="tuning") && !tuning){
if(inputs[i].checked){
tuning = true;
}
}
else if((inputs[i].name =="kabine") && !kabine){
if(inputs[i].checked){
kabine = true;
}
}
else if((inputs[i].name =="bilstereo") && !bilstereo){
if(inputs[i].checked){
bilstereo = true;
}
}
}
}
if(!styling || !tuning || !kabine || !bilstereo){
alert("!En eller flere radioknapper mangler at blive valgt\n"+debug);
return false;
}
return true;
}
function valider(form){
return validateRadio();
}

</script>

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS