Einzelnen Beitrag anzeigen
  #4 (permalink)  
Alt 22-06-2018, 09:50
HerKaen
 Registrierter Benutzer
Links : Onlinestatus : HerKaen ist offline
Registriert seit: Mar 2018
Beiträge: 7
HerKaen befindet sich auf einem aufstrebenden Ast
Standard

Ich hab mir um es einfacher darzustellen mal eine kleine Datei erstellt.


Code:
<form method="post" id="Form">
    <div class="form-check">
        <input class="form-check-input" type="radio" name="rule" id="ruleId1" value="AAA" required oninvalid="this.setCustomValidity('Please fill out this field.')" oninput="setCustomValidity('')">

        <input class="form-check-input" type="radio" name="rule" id="ruleId2" value="BBB" required>

        <input class="form-check-input" type="radio" name="rule" id="ruleId3" value="CCC" required>

        <button type="submit" name="wish" value="accept" id="accept">Button</button>
        <button type="reset" name="decline" value="reset" id="reset">Reset</button>
    </div>
</form>
Hab es jetzt hinbekommen das das oninvalid und auch die required verschwinden sobald der 2. RadioButton gechecked wurde und der Button gedrückt. Aber meine eigene Fehlermeldung wird trotzdem noch angezeigt und ich kann das Formular so halt auch immer noch nicht absenden.


Code:
<script>
    $(document).ready(function () {
       $('#accept').click(function(){
          if (document.getElementById("ruleId2").checked == true) {
            $("#ruleId1").removeAttr('oninvalid');
            $("#ruleId1").removeAttr('oninput');
            $("form-check-input").prop('required', false);
}

});
   });
</script>

Geändert von HerKaen (22-06-2018 um 09:55 Uhr)
Mit Zitat antworten