Unterdrücken submit-Ereignis / Submit-button nur dann aktiviert, wenn javascript deaktiviert ist

Habe ich einige clientseitige JavaScript-Validierung in einem Formular. Es funktioniert Super. Aber ich möchte, um Platz für Benutzer, die JavaScript deaktiviert haben. Mein Validierung nicht auszuführen aus des Formulars onsubmit-Attribut, es ist ein event-handler, der gebunden ist, um eine normale Schaltfläche in das Formular. Also die Taste, startet die Validierung und Einreichung ist nicht wirklich ein Einreichen, es ist einfach type="button":

<input type="button" value="Ok" class="okbtn">

Dann habe ich registrieren Sie einen Ereignishandler für das click-Ereignis, das macht meine Validierung. Es unterwirft sich, wenn alles vergeht:

function clickHandler(event){
    thisForm = event.data.caller
    var valid = submitValidation(thisForm);
    if (valid == true){
        thisForm.submit();
    } else{
      }
}

Mein problem ist, wenn der Benutzer JS deaktiviert hat, gibt es keine Möglichkeit, das Formular zu senden. Ich könnte die Taste type="submit", die funktionieren würde, für die JS-Benutzer deaktiviert, aber dann wird es *immer senden das Formular und die überprüfung umgehen, für die JS-aktivierte Benutzer. (Die überprüfung wird ausgeführt, aber es wird reichen eh). Wenn ich die Taste type="submit" kann ich verhindern das submit-Ereignis, wenn es angeklickt wird? Ich bin mit JQuery, können die JQuery-unterdrücken Sie das senden? Ich möchte, dass meine Validierung zu behandeln, ob es vorgelegt wird.

InformationsquelleAutor Purrell | 2010-01-24

Können Sie unterdrücken Einreichen Klicks von etwas wie:

$('input[type=submit]').bind('click', function(e) {
    e.preventDefault() //prevents the form from being submitted
    clickHandler(); //the custom submit action
});

Oder Sie unterdrücken kann, die tatsächliche form Einreichen wie diese:

$('form').bind('submit', function(e) {
    e.preventDefault();
    //etc
});

süß. Eine Zeile ändern 🙂

InformationsquelleAutor David Hellsing

3

Können Sie unterdrücken Sie das senden durch die Einstellung der onsubmit-handler in der form element, und anschließend wenn die Validierung fehlschlägt Wert false zurück.

So würden Sie true zurück, wenn die Validierung erfolgreich war, oder false, wenn es fehlgeschlagen ist, anstelle von aufrufen thisForm.submit().

InformationsquelleAutor clee
3

Ändern Sie die Taste, um einen normalen submit-button und binden die überprüfung der die submit() - Ereignis des Formulars.
```
$("form").submit(function() {
  if (!submitValidation()) {
    return false;
  }
});
```
Aus der docs:

Den submit Ereignis gesendet wird, um eine
Elements, wenn der Benutzer versucht,
Formular senden. Es kann nur angehängt werden
auf die Elemente. Formen können sein
abgegeben entweder durch klicken auf eine
explizite <input type="submit">,
<input type="image"> oder <button type="submit"> oder durch drücken der EINGABETASTE
wenn bestimmte Formular-element den Fokus hat.

InformationsquelleAutor cletus

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.