return false nicht zu stoppen Formular Absenden

Ich bin mir ziemlich sicher, das sollte auch nicht so schwer wie es ist. Ich habe ein Formular, läuft die folgende Funktion onsubmit:

function FORMVALIDATE_add_rota_entry() {
    var rota_date = $("#rota_date").val();
    var rota_id = $("#rota_id").val();
    var am_pm = $("#am_pm").val();
    if(rota_date == "")
    {
        alert("Please enter a date.");
        return false;
    }
    if(rota_id == "error")
    {
        alert("Please select a rota from the list.");
        return false;
    }
    //check if that rota has already been entered for that date and am/pm
    $.ajax({
        async:false,
        type:"POST",
        url:"/modules/rotas/check_rota_entry_existence",
        data:{rota_date:rota_date, rota_id:rota_id, am_pm:am_pm},
        success: function(result) {
            if(result != "0")
            {
                alert("This rota has already been added to this date, "+am_pm+".");
                return false;
            }
        }
    });
}

Es heißt im form-tag durch den folgenden:

onsubmit="return FORMVALIDATE_add_rota_entry();"

Und es funktioniert gut auf den ersten beiden, rota_date und rota_id, mit den Warnungen kommen, wenn Sie sollten, und Sie stoppen die form von der Vorlage, aber wenn es um den ajax-Aufruf, macht es fein, gibt das richtige Ergebnis, Warnungen, wenn es sollte, aber das return false scheint nicht zu stoppen Sie das Formular Absenden. Hat jemand irgendwelche Ideen haben, da bin ich überfragt!

Dank!

InformationsquelleAutor Helen Danger Burns | 2012-08-25

Sie tun es falsch. Die Art und Weise Sie es tun, sollten Sie lassen Sie die Funktion false zurückgeben immer:

function FORMVALIDATE_add_rota_entry() {
    var rota_date = $("#rota_date").val();
    var rota_id = $("#rota_id").val();
    var am_pm = $("#am_pm").val();
    if(rota_date == "")
    {
        alert("Please enter a date.");
        return false;
    }
    if(rota_id == "error")
    {
        alert("Please select a rota from the list.");
        return false;
    }
    //check if that rota has already been entered for that date and am/pm
    $.ajax({
        async:false,
        type:"POST",
        url:"/modules/rotas/check_rota_entry_existence",
        data:{rota_date:rota_date, rota_id:rota_id, am_pm:am_pm},
        success: function(result) {
            if(result != "0")
            {
                alert("This rota has already been added to this date, "+am_pm+".");
                return false;//this is called when the server responds....which in your case isnt happening in the first place

            }
        }
    });

    return false;//this should be at the end so 'false' is always returned to 'onsubmit'
}

nur zum Zweck der return false; im if-Anweisungen dienen, es zu verhindern, dass der ajax-code ausgeführt werden. Aber es sollte am Ende der Funktion zu.
Dies sollte ein einfacher fix tho:

onsubmit="FORMVALIDATE_add_rota_entry();return false;"

Yay! Die richtige Antwort ist. Allerdings e.preventDefault() funktioniert nicht in der onsubmit Attribut, so möchten Sie vielleicht zu nehmen, dass ein Teil (nur die erste alternative).
vielen Dank für die headsup
Hi, vielen Dank für Ihre Antwort, ich habe die letzten return false in die Funktion statt auf das onsubmit-aber jetzt ist es nie können das Formular Einreichen, selbst wenn alle drei Prüfungen sind ok. Irgendwelche Ideen?

InformationsquelleAutor Nicolas Brown

1

Entfernen:
```
onsubmit="return FORMVALIDATE_add_rota_entry();"
```
Unten Ihre Funktion hinzufügen (wo my-form ist die id des Formulars):
```
$('#my-form').submit(FORMVALIDATE_add_rota_entry);
```
Ändern:
```
function FORMVALIDATE_add_rota_entry() {
```
:
```
function FORMVALIDATE_add_rota_entry(event) {
```
Und in Ihrer Funktion ändern:
```
return false;
```
zu
```
event.preventDefault();
```
Wird dies nicht immer halt das Formular als ajax-request asynchron ist und der code darin nicht ausgeführt, in der Zeit zu stoppen die form Prozess.

Auch wenn ich Hinzugefügt habe async: false?
async: false ist eine wirklich schlechte Idee...
Nach Ausgaben eine gute Zeit mit onsubmit stieß ich auf diese Antwort, und das funktionierte wirklich toll! Ich Frage mich, warum du onsubmit funktioniert nicht, obwohl eine Menge Leute in diesem forum schlagen.

InformationsquelleAutor iambriansreed

Ok, also nach dem Versuch der obigen Lösungen die kein absoluter Erfolg, und ich kam auf meine eigenen. Ich ditched das form-element komplett aus und schickte die drei Werte onclick als unten:

 onclick="FORMVALIDATE_add_rota_entry($('#rota_date').val(), $('#rota_id').val(), $('#am_pm').val());"

Dann, die Funktion wurde wie folgt:

function FORMVALIDATE_add_rota_entry(rota_date, rota_id, am_pm) {
    //check if that rota has already been entered for that date and am/pm
    $.ajax({
        type:"POST",
        url:"/modules/rotas/check_rota_entry_existence",
        data:{rota_date:rota_date, rota_id:rota_id, am_pm:am_pm},
        success: function(result) {
            if(result != "0")
            {
                alert("This rota has already been added to this date, "+am_pm+".");
            }
            else if(rota_date == "")
            {
                alert("Please enter a date.");
            }
            else if(rota_id == "error")
            {
                alert("Please select a rota from the list.");
            }
            else
            {
                $.post('/modules/rotas/add_rota_entry2', {rota_date:rota_date, rota_id:rota_id, am_pm:am_pm});
                parent.$.fn.colorbox.close();
            }
        }
    });
}

Ist alles so funktioniert wie es sollte!

Dank für jeden input 🙂
}

InformationsquelleAutor Helen Danger Burns

0

Versuchen Sie es mit event.preventDefault() kurz vor der return - Anweisung.

Es ist nicht einmal ein Ereignis-argument und die return false tut dies bereits.

InformationsquelleAutor Apurv
0

Anstatt
```
onsubmit="return FORMVALIDATE_add_rota_entry();"
```
versuchen Sie es mit
```
onclick="return FORMVALIDATE_add_rota_entry();"
```
Müssen Sie möglicherweise return true; am Ende Ihrer Funktion.

InformationsquelleAutor Oncel Umut TURER

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.