Validering af radiobutton/dropdown

Her kan du få hjælp og stille spørgsmål til JavaScript!
Besvar
liri
Begynder
Indlæg:3
Tilmeldt:13. dec 2011, 13:33
Validering af radiobutton/dropdown

Indlæg af liri » 13. dec 2011, 13:37

Hej
Jeg mangler lidt hjælp til flg. validering:
I dette script vil jeg gerne have valideret det således at hvis én af de 2 første radiobuttons er valgt, skal én af de 4 dropdowns vælges, ellers ikke.

Kode: Vælg alt

<html>

<head>
<title>Radiobutton - dropdown</title>
</head>

<body>

<table>
  <tr>
    <td><form METHOD="POST" action="be_test.asp" onsubmit="return validateForm(this)">
      <table border="0">
        <tr>
          <td>Radiobutton</td>
          <td><input type="radio" value="1" name="gruppe"><input type="radio" name="gruppe"
          value="2"><input type="radio" name="gruppe" value="3"><input type="radio" name="gruppe"
          value="4"><input type="radio" name="gruppe" value="5"></td>
        </tr>
        <tr>
          <td>Test1</td>
          <td><select name="Test1" size="1">
            <option value="Vælg...">Vælg...</option>
            <option value="A">A</option>
            <option value="B">B</option>
          </select></td>
        </tr>
        <tr>
          <td>Test2</td>
          <td><select name="Test2" size="1">
            <option value="Vælg...">Vælg...</option>
            <option value="C">C</option>
            <option value="D">D</option>
          </select></td>
        </tr>
        <tr>
          <td>Test3</td>
          <td><select name="Test3" size="1">
            <option value="Vælg..">Vælg..</option>
            <option value="E">E</option>
            <option value="F">F</option>
          </select></td>
        </tr>
        <tr>
          <td>Test4</td>
          <td><select name="Test4" size="1">
            <option value="Vælg..">Vælg..</option>
            <option value="G">G</option>
            <option value="H">H</option>
          </select></td>
        </tr>
        <tr>
          <td valign="top"><input TYPE="submit" VALUE="Send" name="Send"></td>
        </tr>
      </table>
    </form>
    </td>
  </tr>
</table>
</body>
</html>

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Validering af radiobutton/dropdown

Indlæg af ThomasI » 13. dec 2011, 19:30

Hvordan ser dit foreløbige bud på en funktion ud? :)

Kan se referer til en funktion ved navn validateForm(this)

liri
Begynder
Indlæg:3
Tilmeldt:13. dec 2011, 13:33

Re: Validering af radiobutton/dropdown

Indlæg af liri » 14. dec 2011, 09:36

Hej

Det er denne funktion den referer til, som jeg har forsøgt mig udi at ændre uden held:-)

Kode: Vælg alt

<script type="text/javascript">
function validateForm(elmFrm) {
var bChecked = false, bMustCheck2 = false;
for (var i=0,j=elmFrm.gruppe1.length; i<j; i++) {
if (elmFrm.gruppe1[i].checked) {
bChecked = true;
if (elmFrm.gruppe1[i].value<=2) {
bMustCheck2 = true;
break;
}
}
}
if (!bChecked) {
alert("Mangler gruppe1");
return false;
}
if (bMustCheck2) {
for (var i=0,j=elmFrm.gruppe2.length; i<j; i++) {
if (elmFrm.gruppe2[i].checked) return true;
}
alert("Mangler gruppe2");
return false;
}
return true;
}
</script>

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Validering af radiobutton/dropdown

Indlæg af ThomasI » 14. dec 2011, 15:43

OK... er det en du har fundet på nettet? - Kan du smide et link til den originale kildekode?

Ellers ville jeg mene at en funktion kunne se således ud:

Kode: Vælg alt

<script type="text/javascript">
function validateForm() {

if ( document."navnpådinformula".gruppe.value == "1" ) {   // Kontrolere om der er valgt en gruppe
	
	if (document."navnpådinformula".gruppe1.value == "" &&  document."navnpådinformula".gruppe2.value == ""    document."navnpådinformula".gruppe3.value == "" && document."navnpådinformula".gruppe4.value == "") {

       alert("Du mangler at vælge en Gruppe");
      return false;
      }
      else {
      return true;
      }
// kigger på at hvis alle dine 4 dropdowns ikke er blevet valgt så får brugeren en fejlmeddelse. Hvis brugeren mar valgt minimum én fil formularen gå igennem


    }
    else {
    return true;
   }


</script>

Det kan sikkert laves på en mere fancy måde som du har fundet, men det her burde ihverfald virke

liri
Begynder
Indlæg:3
Tilmeldt:13. dec 2011, 13:33

Re: Validering af radiobutton/dropdown

Indlæg af liri » 15. dec 2011, 10:02

Det virker rigtigt fint, tusind tak

Besvar