Login mit Radiobutton

[farisa]

Hallo Leute.
Ich bin grad an einem Projekt dran und hab folgendes Problem:
Möchte einen Login mit zwei Radiobuttons machen.
Wenn man Mitarbeiter auswählt soll dementsprechend die "userm.php" geöffnet werden.
Und wenn Geschäftsführer ausgewählt wird dann soll "userg.php" geöffnet werden.
userm.php & userg.php ...prüfen dann die Login Dateien.
Ohne die Radiobutton funktioniert das Login einwandfrei, aber sobald ich die Radiobutton einbinde zeigt es mir trotz richtigem Passwort "falsches Passwort" an.
Würd mich sehr über Verbesserungsvorschläge freuen!

<script type="text/javascript">
function Weiter () {
  if (document.Login.Art[0].checked == true) {
    window.location.href = "userm.php";
  } else if (document.Login.Art[1].checked == true) {
    window.location.href = "userg.php";
  } else {
    alert("Treffen Sie bitte eine Auswahl.");
  }
}
</script>

      
      <form name="Login" method="post" action="">
      <br>
      
        <label></label>
        <table width="32%" height="50%" align="left" border="0" cellspacing="0" cellpadding="5">
    <tr> 
            <td align="left"> 
              <div align="left">
                <input type="radio" name="Art" value="mitarbeiter" /> Mitarbeiter 
                <input type="radio" name="Art" value="geschaeftsfuehrer" /> Gesch&auml;ftsf&uuml;hrer                
                <br>
                <table width="222" height="75" align="left">
                  <tr> 
                    <td width="42" height="20">
  <div align="left"><logintext>Username:</logintext> </div></td>
              <td width="358"> <div align="left"> 
                <input align="middle" name="Account" type="text" id="Account">
                <br>
                </div></td>
              <td width="5"></td>
            </tr>
                  <tr> 
                    <td height="20">
  <div align="left"><logintext>Passwort:</logintext></div></td>
              <td><div align="left"> 
                <input align="middle" name="Passwort" type="password" id="Passwort">
                </div></td>
              <td></td>
            </tr>
                  <tr>
                    <td height="25">
  <div align="left"></div></td>
              <td><div align="left"> 
                <input type="button" value="Login" onclick="Weiter()">
                </div></td>
              <td></td>
            </tr>
                          </table>
      </div></td>
    </tr>
  </table>
  </form>

<!-- End ImageReady Slices -->
</body>
</html>

[onemorenerd]

Die Funktion weiter() schickt das Formular nicht ab sondern leitet einfach auf eine andere Seite weiter. Die erwartet aber Formulardaten ... bekommt sie nicht ... interpretiert sie als falsche Daten und gibt genannte Fehlermeldung aus.

Entweder du änderst das Ziel des Formulars (action) kurz vorm Abschicken oder du schickst es eben ganz normal ohne jegliches Javascript an ein Script und verarbeitest die Radiobuttons in diesem Script. Das wäre das beste.

[Kropff]

Ich halte es zwar für völlig sinnfrei, so eine Unterscheidung in zwei Dateien vorzunehmen. Aber bitte. Bei window.location.href werden keine Formulardaten übermittelt, sondern es erfolgt eine schlichte Weiterleitung. Du musst so vorgehen:

if (document.Login.Art[0].checked == true) 
{
  document.Login.action = "userm.php";
  document.Login.submit();
} 
else if (document.Login.Art[1].checked == true) 
{
  document.Login.action = "userg.php";
  document.Login.submit();
} 

Peter

[farisa]

Vielen Dank für die raschen Antworten!

[pascal007]

Wobei man hier auch auf Barrierenfreiheit achten sollte und wohl besser die Radio-Buttons im Script einzeln verarbeiten sollte, anstatt mit JS eine umleitung zu machen.

[TobiaZ]

Hört sich nach einem sehr eingeschränkten Nutzerkreis an, da kann man sicher von absehen.

Wenn man es optimal machen will, dann führt man ein Rollensystem ein und konsolidiert die beiden Teilsysteme.