How to avoid jQuery validator firing on textbox tab out

Question

I have following jQuery validator in a MVC4 scenario. It is working fine. But I need the validation only when the user clicks the button; not when user change the textbox focus. How do we make this change?

jQuery

$(function ()
{

jQuery.validator.unobtrusive.adapters.add
    ("lijovalidator", ["param"], function (options)
    {
        options.rules["lijovalidator"] = options.params.param;
        options.messages["lijovalidator"] = options.message;
    });

jQuery.validator.addMethod("lijovalidator",
function (value, element, param) {

    alert(value);
    alert(param);
    alert(element);
    alert($("#" + param).val());

    return false;


});

}(jQuery));

Client Validation in SelctedValueCheckAttribute

public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
        {

            ModelClientValidationRule mcvr = new ModelClientValidationRule();
            mcvr.ValidationType = "enteredvaluescheck";
            mcvr.ErrorMessage = "Selected Value must be in given range";
            mcvr.ValidationParameters.Add("param", OtherProperty);
            mcvr.ValidationType = "lijovalidator";
            yield return mcvr;
        }

Model

   public class CrossFieldValidation
    {

        public IEnumerable<SelectListItem> Items { get; set; }

        [SelctedValueCheckAttribute("TxtCrossField") ]
        public string SelectedValue { get; set; }

        [Required]
        [Display(Name = "Quantity:")]
        public string TxtCrossField{ get; set; }

        public IEnumerable<SelectListItem> ShippingItems { get; set; }

        [SelctedValueCheckAttribute("ShippingValue")]
        public string SelectedShippingItemValue { get; set; }

        [Display(Name = "Quantity:")]
        [Required]
        public string ShippingValue { get; set; }



    }

Maybe [this](http://stackoverflow.com/questions/5252373/jquery-validate-rule-only-at-submit) will help. — Zabavsky, Jul 31 '13 at 08:08

Amit · Answer 1 · 2013-07-31T14:38:49.063

0

Use as below:

$(function(){
   $(window).blur(function(){
      return true;
   });
});

edited Jul 31 '13 at 14:38

answered Jul 31 '13 at 08:16

Amit

15,217
8
46
68

many thanks .. where i need to put this i placed custom function javascript in js file ... do u want me to put in js file.. – Glory Raj Jul 31 '13 at 09:39
You can put in Js file as well as in razor file as per your comfort level. – Amit Jul 31 '13 at 09:41
ElementId is your textboxId – Amit Jul 31 '13 at 11:14
thanq but I have got three text boxes and starting it self i dont want the tab change validation .... – Glory Raj Jul 31 '13 at 12:25
i have got three textboxes that I need to avoid the tab validation and i need to get the validation function works on only submit button itself – Glory Raj Jul 31 '13 at 14:00
sorry, its not working when i tried that function in inside js file and in the view itself ... – Glory Raj Jul 31 '13 at 14:52

How to avoid jQuery validator firing on textbox tab out

1 Answers1