javascript-Geschlecht validation

ich versuche zu machen, eine Validierung für die Registrierung, aber ich hab ein problem mit gender-überprüfung mittels radio-button in javascript..
ich hoffe jemand kann mir helfen, dieses problem zu lösen 😀

hier ist mein code 

function validate(form)
{
    var genderM=form.gender_male.value;
    var genderF=form.gender_female.value;

    if(genderM.checked==false && genderF.checked==false )
       {
            alert("You must select male or female");
            return false;
       }   
 }
  • Sie sollten wahrscheinlich auch eine "andere" - option in der modernen Welt 🙂
  • Ohne sich mit dem dazugehörigen HTML und event-Zuordnung, es ist schwer zu sagen, was alle deine Probleme mit deinem Beispiel-code. Ein jsFiddle zeigen Sie Ihre vereinfachte problem auch helfen würde.
InformationsquelleAutor user3385131 | 2014-03-14
  1. 1

    Müssen Sie auch zu entfernen .Wert ist

    function validate(form)
{
    var genderM=form.gender_male;
    var genderF=form.gender_female;

    if(genderM.checked==false && genderF.checked==false ) {
        alert("You must select male or female");
        return false;
    }   
}
    • danke sir, Ihr Skript wurde mein problem zu lösen ich versuchen die zu entfernen .Wert ist und seine Arbeit
    InformationsquelleAutor Johan
  2. 1

    Haben Sie einen Tippfehler. Sie sind mit genderM zweimal statt genderF auf die zweite Zuordnung 

       function validate(form)
    {
        var genderM=form.gender_male.value;
        var genderF=form.gender_female.value; //error here

        if(genderM.checked==false && genderF.checked==false )
           {
                alert("You must select male or female");
                return false;
           }   
     }
    • ja, ich schon beheben, aber immer noch nicht arbeiten 🙁
    • ((form.Geschlecht[0].checked == false) && (form.Geschlecht[1].checked == faslse)){ alert("bitte wählen Sie "Geschlecht");
    InformationsquelleAutor Tyler McGinnis
  3. 0

    Ohne zu sehen, die relevanten HTML-und zugehörige Ereignis-Zuordnung, können Sie mit der Suche nach etwas, was wie in diesem Beispiel.

    HTML

    <form id="test">
    <label for="gender">Gender:</label>
    <input type="radio" name="gender" value="0">Male</input>
    <input type="radio" name="gender" value="1">Female</input>
    <input type="submit" value="Submit">
</form>

    Javascript

    function validate(form) {
    var isChecked = Array.prototype.some.call(form.querySelectorAll('input[name=gender]'), function (radio) {
        return radio.checked;
    });

    if (!isChecked) {
        alert("You must select Male or Female");
    }

    return isChecked;
}

document.getElementById('test').addEventListener('submit', function (evt) {
    if (!validate(evt.target)) {
        evt.preventDefault();
    }
});

    Auf jsFiddle

    InformationsquelleAutor Xotic750
  4. 0

    Könnte man es so machen:

    HTML:

    <form name="foo">
    <input name="gender" type="radio" value="m" /> Male
    <input name="gender" type="radio" value="f" /> Female
    <input type="button" onclick="validateGender()" value="validate" />
</form>

    JavaScript:

    <script>
    function validate(form) {
        var gender = form.querySelectorAll('input[name="gender"]:checked');
        if (!gender.length) {
            alert('You must select male or female');
            return false;
        }
    }
</script>

    Demo

    Hoffe, das hilft.

    Edit: ich bearbeitet die Skript, so dass das Formular jetzt als parameter übergeben, als im Skript.

    InformationsquelleAutor Werner
Schreibe einen Kommentar