ASP.NET Validator missing

Question

I have an ASP.NET project with some views with forms. I wanted to change the trigger for the validation of the inputs. This code is used to trigger the validator on keyup and not out of focus.

$(document).ready(function () {
    var $validatr = $('form').data('validator');
    var settngs = $validatr.settings;

    settngs.onkeyup = function (element, eventType) {
        if (!$validatr.element(element))
        {
            $(this.currentForm).triggerHandler("invalid-form", [this]);
        }
    };

    settngs.onfocusout = false;
});

Problem

On some views I get this error:

TypeError: $validatr is undefined, var settngs = $validatr.settings;

And the validation error appear only on out of focus. I tried to get the validator also with this code, but also failed:

var $validatr = $('form').validate()

The controller, model and views are pretty much the same. Just the names of the inputs changes.

UPDATE If I use this code:

$(document).ready(function () {
    var $validatr = $('form').validate();
    var settngs = $validatr.settings;
    console.log('settings:'); //I get an output
    console.log(settngs); //I get an output

    settngs.onkeyup = function (element, eventType) {
        console.log(element); //I do not get any message here
        console.log(eventType); //I do not get any message here

        if (!$validatr.element(element)) {
            console.log('if not validator');
            $(this.currentForm).triggerHandler("invalid-form", [this]);
        }
        else {
            console.log('else not validator');
        }
    };

    // onload initial validation
    $("form").validate().elements().each(function () {
        if (!$validatr.element($(this))) {
            console.log($(this)[0].name + ': initial if not validator');
            $(this.currentForm).triggerHandler("invalid-form", [this]);
        }
    });
});

This are the settings returned to console:

errorClass:"error"
errorContainer:Object[]
errorElement:"label"
errorLabelContainer:Object[]
focusCleanup:false
focusInvalid:true
groups:Object:{}
ignore:":hidden"
ignoreTitle:false
messages:Object:{}
onsubmit:true
rules:Object:{}
validClass:"valid"
highlight:function(element,:errorClass,:validClass)
onclick:function(element)
onfocusin:function(element)
onfocusout:function(element)
onkeyup:function(element,:eventType)
unhighlight:function(element,:errorClass,:validClass)

SOLUTION

At the end this was the solution: MVC 5 Losing validator

I presume you have already read upon following threads. $('form').data('validator') will get validator if you have properly initialized jquery and unobtrusive validation. If you are still experiencing an issue, please post more of your code (including layout page, etc.) — CrnaStena
– CrnaStena, Commented Mar 1, 2016 at 18:33
At the end this was the solution. stackoverflow.com/questions/35844505/mvc-5-losing-validator/… — DJack
– DJack, Commented Mar 7, 2016 at 14:45
Great. So the issue was related to multiple forms on the page and narrowing down selector to pick the right form. Thanks for the update. — CrnaStena
– CrnaStena, Commented Mar 7, 2016 at 14:48

CrnaStena · Accepted Answer · 2016-03-02 15:42:50Z

0

In addition to my comment above, JavaScript is case-sensitive, Validate() should be validate().

var $validatr = $('form').validate();

See this jsFiddle. If you use inspect in Chrome, or use FireBug in FireFox, you will see output and no errors in the console.

Update 1 - I have expanded jsFiddle to simulate your desired effect of validating on onkeyup. Let me know if this jsFiddle works for you. I also added initial validation for all elements.

// onload initial validation
$("form").validate().elements().each(function(){
  if (!$validatr.element($(this))) {
        console.log($(this)[0].name + ': initial if not validator');
        $(this.currentForm).triggerHandler("invalid-form", [this]);
  }    
});

edited Mar 2, 2016 at 15:42

answered Mar 1, 2016 at 18:47

CrnaStena

3,2355 gold badges33 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

DJack Over a year ago

I do not get any error from the script, but the validation on keyup is not working either.

Collectives™ on Stack Overflow

ASP.NET Validator missing

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related