Wie zu deaktivieren, jquery Validierung auf die keyup-und focusout für 1 bestimmtes html-element bei Verwendung der unaufdringlichen validation plugin?

Standardmäßig die jQuery-validation plugin ist das anbringen validation-Handler für focusin, focusout und keyup Veranstaltungen.

1 unserer Validierungen macht eine (synchrone) Anfrage zum abrufen von Daten ein. Ich will, dass die Validierung nur ausgelöst, wenn das Formular eingereicht wird und nicht, während der Benutzer Text eingibt.

Ich weiß, das kann geändert für die ganze form, aber das ist nicht das, was ich Suche.

Gibt es eine Möglichkeit, dynamisch deaktivieren keyup-Validierung für 1 element?

Update 1:

Ich vergaß zu erwähnen, dass ich mit unobtrusive validation. Also ich glaube nicht, dass die Antwort von @Mario Johnathan ist keine option.

Update 2:
Ich habe versucht, die folgenden Dinge ($element ist das element, auf das ich mich ändern will der Validierung Verhalten):

$element.validate({focusout: false, keyup: false});
$element.keyup(function() { return false; });
$element.off('keyup');
$element.unbind('keyup');

InformationsquelleAutor TweeZz | 2014-01-30

5

Ich selbst war in der gleichen Situation. Unten ist der code was ich für Sie verwendet.
```
    $.validator.setDefaults({
      onkeyup: function () {
        var originalKeyUp = $.validator.defaults.onkeyup;
        var customKeyUp =  function (element, event) {
          if ($("#your_element")[0] === element) {
            return false;
          }
          else {
            return originalKeyUp.call(this, element, event);
          }
        }

        return customKeyUp;
      }()
  });
```
Hier was ich gemacht habe, ist Griff keyup-Ereignisse für das element so, dass der validator nicht tun. Für den rest alle Elemente der validator wird kick in action. Aber der Haken ist, dass bestimmte Elemente haben keine überprüfung auf keyup überhaupt.
- Danke. Es scheint, dies könnte in der Tat sein, einen richtigen Ansatz. Endlich kann ich weiter arbeiten.
- Lassen Sie mich wissen, wenn es für Sie arbeitet. Obwohl ich eingereicht habe, die Antwort nach sehr langer Zeit, bin ich froh, wenn es hilft.
- konnte Sie markieren es als akzeptierte Lösung, wenn dies beantwortet die Frage gut?
InformationsquelleAutor Mink

Versuchen Sie überschreiben die onkeyup Funktion und erstellen Sie ein onkeyup-variable, die Sie anpassen können für jedes Feld

$(#signupForm).validate({
    onkeyup: function(element) {
        var element_id = $(element).attr('id');
        if (this.settings.rules[element_id].onkeyup !== false) {
            $.validator.defaults.onkeyup.apply(this, arguments);
        }
    },
    rules: {
        myfield: {
            required: true,
            onkeyup: false
        }
    }
});

Ich glaube nicht, dass dies eine option für mich, da bin ich mit unaufdringlich-Validierung, wo die Initialisierung erfolgt in der unobtrusive validation-plugin. Können Sie sich vorstellen, dass es eine andere option?
Dies kann keine Antwort auf die OP ' s problem, aber es löst mein.

InformationsquelleAutor Mario Radomanana

2

Können Sie die Optionen überprüfen.
```
var validator = $('#form_id').validate({
    onfocusout: false,
    rules: {...},
    messages: {...}
});
```
- sry, aber das ist, Dinge zu verändern, die für das gesamte Formular, nicht nur für 1 element, richtig?
- ist ja für die ganze form, ist jetzt nicht zu überprüfen, wenn der Benutzer verlässt die Eingabe. Nur, wenn er das Formular absendet
- Und meine Frage war "gibt es eine Möglichkeit, dynamisch deaktivieren keyup-Validierung für 1 element?".. Also NICHT für das gesamte Formular 🙂
- Sorry! Ich habe nicht verstanden, my bad!
InformationsquelleAutor Juancarlos Rodríguez
2

Fügen Sie eine neue Ereignis-listener für das $element und verhindern, dass die Ereignis-bubbling bis der DOM-Baum mit stopPropagation(), die verhindern, dass alle Eltern Handler (einschließlich Validierung) benachrichtigt werden.

http://api.jquery.com/event.stopPropagation/
```
    $element.on('keyup',function(e){
      e.stopPropagation();
    });        
```
InformationsquelleAutor lookbadgers
0

Bis jetzt war ich in der Lage zu erreichen, was ich brauche, von ändern der Quellcode von jQuery.Validierung plugin.

Indem in der Veranstaltung (falls vorhanden), um die Validierung von Methoden, die ich in der Lage bin, zu prüfen, ob es ausgelöst wurde von einem focusout-oder keyup.

Nicht ideal, aber funktioniert.
```
function validateWithSomeLongTakingCallback(source, args, event) {
    var shouldTriggerValidation = (!event || (event.type !== 'focusout' && event.type !== 'keyup'));

    if (!shouldTriggerValidation) {
        args.IsValid = true;
        return;
    }
    ...
}
```
InformationsquelleAutor TweeZz

Vom anderen forum:

Dies ist immer noch ein Problem (jQuery 1.7.2 und Validierung 1.9.0). Ich habe
erstellt eine einfache Lösung und wird uns auch eine pull-Anfrage.

Beheben: In jquery.validate.js in der "element" - Funktion (Zeile 361) hinzufügen
dieser wenn-Anweisung am Anfang der Funktion etwa so (alles zu verlassen
aber das gleiche):

element: function( element ) {
            //if the element is set to be ignored, don't continue validation
            if ( $(element).not(this.settings.ignore).length === 0 ) {
                return;
                }
            element = this.validationTargetFor( this.clean( element ) );
            this.lastElement = element;
            this.prepareElement( element );
            this.currentElements = $(element);
            var result = this.check( element ) !== false;
            if (result) {
                delete this.invalid[element.name];
            } else {
                this.invalid[element.name] = true;
            }
            if ( !this.numberOfInvalids() ) {
                //Hide error containers on last error
                this.toHide = this.toHide.add( this.containers );
            }
            this.showErrors();
            return result;
        },

InformationsquelleAutor Xawery Wiśniowiecki

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.