Wie validieren Sie html-Formulare für die null/leer-Felder mit JavaScript mit ID zugewiesen form

Ich versuche bestätigen meine html-Formular mit JavaScript-Code, so dass es durchläuft Trog aus allen input-Feldern und sucht nach leer/null-Felder.

Habe ich einen Weg gefunden, um zu validieren, die für null auf w3s (code unten), aber ich wollen, ändern Sie die Funktion, so überprüft er, ob alle Felder im Formular mit einem bestimmten id dass ich vergeben haben, die gesamte form, statt nur auf ein Feld.

function validateForm() {
   var x = document.forms["myForm"]["fname"].value;
   if ( x == null || x == "" ) {
      alert("First name must be filled out");
      return false;
   }
}
</script>
</head>

<body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
    First name: <input type="text" name="fname">
    <input type="submit" value="Submit">

InformationsquelleAutor irm | 2013-10-14

  1. 16

    Sowie diese ich würde die required Attribut, nur sofern der Benutzer javascript deaktiviert haben.

    <input type="text" id="textbox" required/>

    Es funktioniert auf allen modernen Browsern nicht die älteren, obwohl, da es Teil der HTML-5

    InformationsquelleAutor Crouch

  2. 2
    function validateForm(formId){
    var form=document.getElementById(formId);
    for(i=0; i<form.childNodes.length; i++)
        if(form.childNodes[i].tagName!='INPUT'||
           typeof form.childNodes[i].value=="undefined")
            continue;
        else{
            var x=form.childNodes[i].value;
            if(x==null||x==""){
                alert("First name must be filled out");
                return false;
            }
        }
}

    Nicht sicher, ob es funktioniert.

    Ich denke, dass dies funktionieren wird. Dank
    Sie können markieren Sie die Antwort als "akzeptiert" und dann 🙂
    Ich werde. lassen Sie mich test (:
    Ich kann es nicht zu funktionieren :/ reyesmotion.com/csbs/bs_cs_sjsu.html
    mein code wird nie ausgeführt. Klicken Sie auf "abschicken" Ergebnisse in "doCheck ist nicht definiert". Ich glaube, Sie weiß nicht, javascript, und was ist Los in jQuery. Also bitte, verwenden Sie es nicht. document.getElementById('checkme').onsubmit=function(){var formId='checkme'; /* here goes my code in function validateForm */ }

    InformationsquelleAutor dbanet

  3. 2

    Es ist schon eine Weile her, seit Sie gepostet diese Frage, aber da Sie noch nicht akzeptiert eine Antwort, ist hier eine einfache Lösung: (jsfiddle)

    function Validate()
{
    var msg= "",
        fields = document.getElementById("form_id").getElementsByTagName("input");

    for (var i=0; i<fields.length; i++){
        if (fields[i].value == "") 
            msg += fields[i].title + ' is required. \n';
    }

    if(msg) {
        alert(msg);
        return false;
    }
    else
        return true;
}

    InformationsquelleAutor qais

  4. 1

    geben Sie dem Formular die id "myForm"

    dann können Sie es mit:
    var form = document.getElementById("myForm");

    InformationsquelleAutor fabio

  5. 0

    Hier ist der einfachste Weg:

    <script>
        function validateForm(formId)
        {
            var inputs, index;
            var form=document.getElementById(formId);
            inputs = form.getElementsByTagName('input');
            for (index = 0; index < inputs.length; ++index) {
                //deal with inputs[index] element.
                if (inputs[index].value==null || inputs[index].value=="")
                {
                    alert("Field is empty");
                    return false;
                }
            }
        }
</script>

    Ersetzen <form> - tag mit dem unten:

    <form name="myForm" id="myForm" action="1.php" onsubmit="return validateForm('myForm');" method="post">

    InformationsquelleAutor Satyam Saxena

  6. 0

    legen Sie einfach die Gewünschten in den input-tag dann, wenn Sie auf die senden-Schaltfläche leeren Textfeld geben Sie den Fehler-Feld kann nicht leer ist.
    Beispiel:-
    <input type="text" id="textbox" required/>

    InformationsquelleAutor Mehul Jariwala

  7. 0

    Ist es wichtig, zu verwalten, die Tatsache, dass für einige Formularelemente wie Texteingabefelder, das required-Attribut verhält sich Firefox anders als alle anderen Browser. In Firefox, ob Ihre Eingabe ist NULL oder leer ist, wird das erforderliche Attribut-block der form der Einreichung. Aber in Chrom oder Kante, die form vorlegen wird, der auf ein leeres Feld nicht auf NULL ein

    InformationsquelleAutor Patrik

Schreibe einen Kommentar