Google weiß alles: required setzten

Beitrag lesen

ist es möglich durch einen Klick auf einen Radio-Button Felder auf required zu setzten und anschließend wieder aufzuheben wenn man (der User) eine andere Option wählt?

Mit Javascript kannst Du die nicht benötigten Inputs nicht nur auf required setzen bzw, dieses aufheben, sondern sogar verschwinden lassen (das habe ich durch Kommenarzeichen abgeschaltet) bzw. sperren.

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
// wenn das Dokument geladen wird führe aus:
window.onload=function () {
    // binde die Funktion requireMail() an das Ereignis change für die Objekte:
    document.getElementById('wechselYes').onchange=function () { requireMail(); }
    document.getElementById('wechselNo').onchange=function ()  { requireMail(); }
}

function requireMail() {
    var obj=document.getElementById('mailadresse');
    if (document.getElementById('wechselYes').checked) {
        obj.required=true;           // Eingabe benötigt
        obj.disabled=false;          // Eingabe erlauben
        //obj.style.display='inline';  // anzeigen
    } else {
        obj.required=false; // Eingabe nicht benötigt
        obj.value=''        // Eingaben löschen
        obj.disabled=true;  // Eingabe verbieten
        //obj.style.display='none';  // Nicht mehr anzeigen
    }
}

</script>
</head>
<body>
<form id="anmelden" name="anmelden" method="post">

        <input type="radio" name="wechsel" id="wechselYes" value="1" checked="checked"  />
        <label for="wechselYes">Ja</label>

        <input type="radio" name="wechsel" id="wechselNo" value="2" />
        <label for="wechselNo">Nein</label>

        <label for="mailadresse">eMail Adresse</label>
        <input type="email" name="mailadresse" id="mailadresse" value="" />

        <label for="name">Name</label>
        <input type="text" name="name" id="name" value="" />

        <label for="ort">Ort</label>
        <input type="text" name="ort" id="ort" value="" />

</form>
</body>
</html>
0 55

required setzten

André
  • html
  1. 0
    Google weiß alles
    1. 2
      Gunnar Bittersmann
      • javascript
      1. 0
        Matthias Apsel
      2. 1
        dedlfix
      3. 0
        Google weiß alles
        • javascript
        • meinung
        1. 0
          Der Martin
      4. 1
        Orlok
        • dom
        • javascript
        1. 0
          Gunnar Bittersmann
          • javascript
    2. 0

      Geht auch mit viel weniger Code!

      André
      • javascript
      • jquery
      1. 0

        "Weniger" ist manchmal "mehr", manchmal "viel mehr", machmal "viel zu viel"

        Google weiß alles
        1. 0
          André
          1. 0
            Google weiß alles
            1. 0
              André
              1. 0
                Google weiß alles
                • menschelei
          2. 3

            jQuery

            Orlok
            1. 0
              Mitleser
      2. 0
        Wie krass bist Du denn drauf?
        1. 0
          Der Martin
      3. 0
        Gunnar Bittersmann
        1. 0
          André
          1. 1
            Wie krass bist Du denn drauf?
            1. 0
              André
              1. 0
                Wie krass bist Du denn drauf?
                1. 0
                  André
                  1. 0
                    Wie krass bist Du denn drauf?
                    • menschelei
                    1. 0
                      André
                      1. 1
                        Wie krass bist Du denn drauf?
                        1. 0

                          Tut mir leid, war falsch.

                          Wie krass bin ich denn heute drauf?
  2. 0
    André
    1. 0
      Google weiß alles
      • barrierefreiheit
      1. 0
        André
        • html
        1. 1
          Google weiß alles
          1. 0
            André
            1. 1
              Google weiß alles
            2. 0
              Gunnar Bittersmann
        2. 0
          Der Martin
          • html
          • zu diesem forum
          1. 0
            André
            1. 0
              Der Martin
              1. 1
                Google weiß alles
            2. 2
              Google weiß alles
              1. 0
                André
                1. 0
                  Tabellenkalk
                  1. 0
                    André
                    1. 0
                      Der Martin
                    2. 0
                      Tabellenkalk
                      1. 0
                        André
                        1. 0
                          Tabellenkalk
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Tabellenkalk
                            2. 0
                              Matthias Apsel
                2. 0
                  Google weiß alles
                  • menschelei
                  1. 0
                    André
                    1. 0
                      Google weiß alles
    2. 0
      Gunnar Bittersmann
      • zu diesem forum