ASP.net MVC 3 jQuery Validación; ¿Deshabilitar discretamente OnKeyUp?

Question

¿Hay alguna manera de desactivar la validación de jQuery para un determinado validador (tarjeta de crédito) para que solo se produzca onblur, en lugar de onkeyup?

Sobre la base de la documentación de jQuery Validador pensé que podía hacer algo como esto:

$(function() { 
    $("[data-val-creditcard]").validate({ 
     onkeyup: false 
    }) 
}); 

Sin embargo, no parece estar funcionando.

También probé haciendo lo siguiente en mi validador:

public class CreditCardValidator : DataAnnotationsModelValidator<CreditCardAttribute> 
{ 
    string _message; 

    public CreditCardValidator(ModelMetadata metadata, ControllerContext context, CreditCardAttribute attribute) 
     : base(metadata, context, attribute) 
    { 
     _message = attribute.ErrorMessage; 
    } 

    public override IEnumerable<ModelClientValidationRule> GetClientValidationRules() 
    { 
     var rule = new ModelClientValidationRule 
     { 
      ErrorMessage = _message, 
      ValidationType = "creditcard" 
     }; 
     rule.ValidationParameters.Add("onkeyup", false); 
     return new[] { rule }; 
    } 
} 

No funciona bien, pero yo estaba tomando una puñalada en el uso adecuado de ValidationParameters.

Es un poco molesto ingresar un número de tarjeta de crédito en un formulario y hacer que cambie aleatoriamente de inválido a válido, y luego de nuevo a no válido.

¿Alguna idea? ¡Gracias!

Answer 1

Ok chicos,

yo estaba en el mismo problema y encontrado este hilo: http://old.nabble.com/-validate--onkeyup-for-single-field-td21729097s27240.html

La idea es, básicamente, para sobrescribir el evento keyup y volver falsa. Así, en su caso específico que tendrá que añadir:

$('#my-form').validate({ 
    rules: { 
    [...] 
    } 
} 
// Disable keyup validation for credit card field 
$("[data-val-creditcard]").keyup(function() { return false }); 

Y verá que su campo de tarjeta de crédito sólo se comprueba el desenfoque o envíe (pero el resto está trabajando en keyup también).

Estaba buscando la misma solución, y encontré que la respuesta aquí podría mejorarse, así que pensé que sería bueno compartirla aquí.

Answer 2

No sabe cómo configurarlo a un campo específico, pero usted podría intentar esto para desactivar la validación keyup (para todos los campos):

$.validator.setDefaults({ 
    onkeyup: false 
}) 

Ver

• MVC 3 specifying validation trigger for Remote validation
• ASP.NET Remote Validation only on blur?

Answer 3

Puede establecer los valores predeterminados en off en el foco evento del campo de crédito, luego gírelos en el onblur. Parece hacky, pero podría funcionar.

Answer 4

$.validator.setDefaults no funciona para una validación no intrusiva ya que el validador se inicializa internamente.

Para cambiar la configuración de las formas que utilizan la validación discreta que puede hacer lo siguiente:

var validator = $("form").data("validator"); 
if (validator) { 
    validator.settings.onkeyup = false; // disable validation on keyup 
} 

Answer 5

me di cuenta que es una entrada antigua, pero ninguna de las respuestas parecen responder a esta pregunta,

Cómo deshabilitar onkeyup y habilitar onblur?

Estaba buscando esto, así que pensé que iba a compartir la respuesta.

Como se ha dicho con razón, Ben Foster, onkeyup se puede desactivar de la siguiente manera

var validator = $("form").data("validator"); 
if (validator) { 
    validator.settings.onkeyup = false; 
} 

Para habilitar la validación onBlur podemos utilizar onfocusout

validator.settings.onfocusout = function(element) 
{ 
    $(element).valid(); 
}; 

Así que nuestro código para desactivar onkeyup y permitir onBlur mirar como este

var validator = $("form").data("validator"); 
     if (validator) 
     { 
      validator.settings.onkeyup = false; 
      validator.settings.onfocusout = function(element) 
      { 
       $(element).valid(); 
      }; 
     } 

Answer 6

También podría usar algo como lo de arriba,

$("form").validate({ 
    onfocusout: false, 
    onkeyup: false 
}); 

En caso de que tenga reglas personalizadas luego,

$("form").validate({ 
    onfocusout: false, 
    onkeyup: false, 
    rules: { 
     "name1": { 
      required: true, 
      email: true, 
      maxlength: 100 
     }, 
     "name2": { 
      required: true, 
      number: true 
     } 
    } 
}); 

This answer en el foro jQuery me ayudó mucho.