Die übergabe eines form-variable in der "onsubmit" - Feld?

Erste, tut inline-Validierung wie folgt aus (via onsubmit) ist schlechte form. In der Regel werden Sie wollen Veranstaltung verbindlich, ich werde zu Beispiel-code unter Verwendung von jQuery, aber Sie können andere Methoden verwenden, wie gut.

Zuerst, geben Sie Ihrem Formular eine eindeutige ID-Attribut für die Seite. Ich gehe davon aus <form id="MyForm"...

Als Nächstes werden Sie wahrscheinlich wollen, dass Ihre Validierung Methode, um "wissen" über die Felder, die Sie braucht.

//this function is executed when the page's dom is loaded
//assumes jQuery is loaded already
$(function(){

    //binds the myFormOnSubmit method below to run as part of your form's onsubmit method
    $('#MyForm').submit(myFormOnSubmit);

    //runs when the form is trying to submit
    function myFormOnSubmit(event) {
        var f = $(this);

        //note, you have to match on attribute selectors
        // you may want to give each of these fields an id=".." attribute as well to select against #IdName
        var size = f.find('[name=size]').val();
        var day = f.find('[name=day]').val();
        var month = f.find('[name=month]').val();
        var year = f.find('[name=year]').val();
        var tour = f.find('[name=tour]:checked').val(); //selected radio button's

        var isValid = validDate(year,month,day) && validSize(gSize) && validTour(tour);

        if (!isValid) {
            event.preventDefault(); //stop submit
        }
    }

    function validTour(tour) {
        return !!tour; //will be false if it's an empty string, ex: no selected value
    }

    function validSize(size) {
        var s = parseInt(size); //get integer value for size

        if (s <= 0 || s > 10) return false; //not in range
        if (s.toString() !== size) return false; //doesn't match input, invalid input
        return true; //true
    }

    function validDate(year, month, day) {
        //coerce the values passed into numbers
        var y = +year, m = +month, d = +day;

        //convert to an actual date object
        var dtm = new Date(y, --m, d);

        //compare the values
        if (!dtm) return false; //invalid input
        if (dtm.getFullYear().toString() !== year.toString()) return false; //year doesn't match input
        if ((dtm.getMonth() + 1).toString() !== month.toString()) return false; //month doesn't match input
        if (dtm.getDate().toString() !== day.toString()) return false; //day doesn't match input

        var now = new Date(); console.log(now);
        var today = new Date(now.getFullYear(), now.getMonth(), now.getDate());

        //entered date is before today, invalid
        if (dtm <= today) return false;

        //passed checks
        return true;
    }
});

InformationsquelleAutor Tracker1

In Fall, dass Sie nicht wollen, um JQuery verwenden:

Brauchen Sie nicht, um die übergabe der Parameter, versuchen Sie geben Sie eine id und bekommen Sie, indem Sie deren id innerhalb der guten form und Funktion.

function goodForm() {
    var size= document.getElementById("size").value;
    if(size...){
    ...
    }

}

InformationsquelleAutor ia.solano