Validering af 2 x <select>

Hvis du vil validere inden du sender data'en, kan du benytte javascript

ja, men jeg havde egentlig håbet på en ren PHP løsning, da jeg ikke er så skrap til javascript.

Dette burde virke (ikke testet)

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function MyCheck()
{
  if(document.DinForm.DinSelect1.value != '' && document.DinForm.DinSelect2.value != '')
    return true;
  else
  {
    return false;
    alert('En besked...')
  }
}
//-->
</SCRIPT>
<form ... onSubmit="return MyCheck()">

Du kan ikke lave en php løsning uden at submitte siden....

Nu har jeg placeret koden fra fennec i min header på side1.php (tilpasset til min form og select navne) og i min form står der så <form method="post" name="trin1" action="side2.php" onSubmit="return MyCheck()">.

Men der sker bare ikke noget, mangler jeg noget?

Havde lige bytte om på alert() og return. Ellers bliver alert'en ikke aktiveret :o)

alert('En besked...')
return false;

nu får jeg godt nok en alert, men den kommer uanset om jeg har valgt noget eller ej.

Min select ser nogenlunde sådan ud:

<select style="width: 200px;" name="select1">
<option></option>
<option>valg 1</option>
<option>valg 2</option>
</select>

du skal jo have en value på option også. Den første skal selvfølgelig ikke have en.

<select style="width: 200px;" name="select1">
<option></option>
<option value="valg 1">valg 1</option>
<option value="valg 2">valg 2</option>
</select>

Mon ikke også spørgsmålet skulle have været:

  if(document.DinForm.DinSelect1.selectedIndex == 0 || document.DinForm.DinSelect2.selectedIndex == 0)

-- og så kan man jo ligesågodt udnytte at man kalder fra et form-element:

<script language="JavaScript" type="text/javascript">
<!--
function MyCheck(f){
  if(f.select1.selectedIndex < 1 || f.select2.selectedIndex < 1){
    alert('En besked...')
    return false;
  }else{
    return true;
  }
}
//-->
</script>
<form action="" onsubmit="return MyCheck(this)">
<select style="width: 200px;" name="select1">
<option>-- Vælg her --</option>
<option value="valg 1">valg 1</option>
<option value="valg 2">valg 2</option>
</select><br>
<select style="width: 200px;" name="select2">
<option>-- Vælg her --</option>
<option value="valg 1">valg 1</option>
<option value="valg 2">valg 2</option>
</select><br>
<input type="submit">
</form>

roenving >>

Jeg havde slet ikke tænk på, at man også kunne tjekke, om det er den første option der er valgt. Men if'en giver nu det omvendte resultat, så der skal lige byttes om på returnværdierne.

if(document.DinForm.DinSelect1.selectedIndex == 0 || document.DinForm.DinSelect2.selectedIndex == 0)
{
  alert('En besked...');
  return false;
}
else
  return true;

... du havde selv bytte om på det :o)

Nu virker det, ikke helt som jeg oprindeligt havde tænkt mig, men det virker.

Er det muligt få vist en tekst ud for den manglende <select> istedet for en alert?

Så skal du have et span/div element ind også. Har lavet det med roenving eks.

<script language="JavaScript" type="text/javascript">
<!--
function MyCheck(f){
  if(f.select1.selectedIndex < 1){document.getElementById('span1').innerHTML = 'Der mangler data'}
  if(f.select2.selectedIndex < 1){document.getElementById('span2').innerHTML = 'Der mangler data'}
  if(f.select1.selectedIndex < 1 || f.select2.selectedIndex < 1){
    return false;
  }else{
    return true;
  }
}
//-->
</script>
<form action="" onsubmit="return MyCheck(this)">
<select style="width: 200px;" name="select1">
<option>-- Vælg her --</option>
<option value="valg 1">valg 1</option>
<option value="valg 2">valg 2</option>
</select><span id="span1"></span><br>
<select style="width: 200px;" name="select2">
<option>-- Vælg her --</option>
<option value="valg 1">valg 1</option>
<option value="valg 2">valg 2</option>
</select><span id="span2"></span><br>
<input type="submit">
</form>

Yes!!! Det var lige sådan jeg havde tænkt mig. Tak for det fennec!

Smid et svar hvis du vil have point.

roenving skal vel også have lidt.....

-- og så kan man da ligesågodt udnytte det nemmere retur-værk:

<script language="JavaScript" type="text/javascript">
<!--
function MyCheck(f){
  if(f.select1.selectedIndex < 1){document.getElementById('span1').innerHTML = 'Der mangler data'}
  if(f.select2.selectedIndex < 1){document.getElementById('span2').innerHTML = 'Der mangler data'}
  return !(f.select1.selectedIndex < 1 || f.select2.selectedIndex < 1);
}
//-->
</script>

jo, jeg havde egentlig også tænkt mig at skrive hvsi du/I ville have point, men...

Vi venter lidt endnu..

wow, roenving, du er jo slet ikke til at stoppe igen :-)

Endnu en gang tak for hjælpen til Jer begge, så fik jeg også lidt lært lidt om javascript i dag.

Velbekomme '-)

-- og tak for point ;~}