Remote-Validierung ist hinter einem Schritt in MV

Question

Ist jemand anderes dieses Problem? Remote-Validierung auf unauffällig in mvc ist um einen Schritt zurück.

Ich versuche ein Feld zu validieren und wenn das Feld gültig ist, erscheint ein Häkchen daneben. Alles funktioniert, außer für die Fernbedienung.

Bitte siehe Bild (gif) beigefügt. In diesem GIF habe ich zwei Formen mit einem Unschärfe-Listener. Ich überprüfe, ob es gültig/ungültig ist. Wenn das Feld gültig ist, erscheint das Häkchen sonst, sollte verschwinden.

Ich habe es funktioniert für Bestätigung E-Mail, aber nicht die "Field Two Remote-Validierung". Das Häkchen verschwindet, sobald ich fokussiere und dann verwische.

Wer hat das noch erlebt? Wenn ich ein Reverse tun welches ich die E-Mail-Bestätigung zuerst eingeben, erhalte ich das gleiche Problem

Code, um das Häkchen Show zu machen:

$.fn.addCheckIconTextBox = function (options) { 
    var settings = $.extend({ 
     // These are the defaults. 
     id: "#" + $(this).attr('id') 
    }, options); 
    if ($(settings.id).length > 0) { 
     $(settings.id).blur(function (e) { 
      console.log("isvalid " + $('form').validate().element(settings.id)); 
      if ($(settings.id).val() !== '') { 
       if ($(settings.id).hasClass('input-validation-error')) { 
        $(settings.id).next('.helper').attr('class', 'ico helper'); 
       } else { 
        $(settings.id).next('.helper').attr('class', 'ico helper pass'); 
       } 
      } else { 
       $(settings.id).next('.helper').attr('class', 'ico helper'); 
      } 
     }); 
    } 
}; 

Answer 1

Antwort basiert auf: Trouble Attaching Call Back to Unobtrusive Validation Show Error

/**add/remove form icon when valid/invalid only when svg.helper is beside it**/ 
v.settings.highlight = function (element, errorClass, validClass) { 
    var elId = $(element).attr('id'); 
    var checkIconEl = $('#' + elId).next('.helper'); 
    checkIconEl.attr('class', 'ico helper'); 
    originalHighlight.call(v, element, errorClass, validClass); 
} 
v.settings.unhighlight = function (element, errorClass, validClass) { 
    var elId = $(element).attr('id'); 
    var checkIconEl = $('#' + elId).next('.helper'); 
    checkIconEl.attr('class', 'ico helper pass'); 
    originalUnHighlight.call(v, element, errorClass, validClass); 
}