MVC Añadiendo métodos en jquery.validate.unobtrusive.js

Question

Recientemente tuve una pregunta en getting checkbox validation working en el lado del cliente dentro de un proyecto de MVC. Esta pregunta fue respondida con éxito, pero planteó otra consulta.

Para que mi casilla de validación para trabajar que tenía que añadir los siguientes bits de JavaScript directamente en jquery.validate.unobtrusive.js:

$jQval.addMethod("mustbetrue", function (value, element, param) { 
    // check if dependency is met 
    if (!this.depend(param, element)) 
     return "dependency-mismatch"; 
    return element.checked; 
}); 

adapters.add("mustbetrue", function (options) { 
    setValidationValues(options, "mustbetrue", true); 
}); 

Esto funcionó muy bien, pero estoy contento de tener que cambie este archivo en caso de que Microsoft o el complemento de validación chicos actualicen el archivo en el futuro. Si aún no estoy trabajando en el proyecto, este archivo puede sobrescribirse sin que las personas se den cuenta de que se ha personalizado.

Así que con eso en mente He intentado añadir esto en un archivo JavaScript externo:

$.validator.addMethod("mustbetrue", function (value, element, param) { 
    // check if dependency is met 
    if (!this.depend(param, element)) 
     return "dependency-mismatch"; 
    return element.checked; 
}); 

$.validator.unobtrusive.adapters.add("mustbetrue", function (options) { 
    setValidationValues(options, "mustbetrue", true); 
}); 

Lamentablemente ahora el script del lado del cliente en mis casillas de verificación no funciona. ¿Alguien puede ver lo que estoy haciendo mal?

Gracias de antemano

S

Answer 1

Sniffer,

Cuanto más miro esto, más Niego con la cabeza (de mi).

Tras un examen más, el método de Darin va a funcionar, siempre y cuando se agrega una línea a su página de guión:

<script type="text/javascript"> 
    $.validator.unobtrusive.adapters.addBool("mustbetrue", "required"); 
    $.validator.unobtrusive.parse(); 
</script> 

Siempre que se realice un cambio (por ejemplo, agregar un nuevo adaptador), debe re-análisis sintáctico los atributos de validación discretos. Como la última acción en jquery.validate.unobtrusive.js es el análisis sintáctico de los atributos, y el adaptador se agrega después del análisis, el nuevo análisis resuelve este problema.

counsellorben

P.S. Esto resuelve su problema, pero aún no resuelve el problema de cómo agregar otros validadores personalizados que no usan métodos integrados desde jquery.validate.js sin modificar jquery.validate.unobtrusive.js.

P.P.S. Encontré la respuesta para agregar métodos de validación personalizados. Para agregar mmethods de validación personalizados sin modificar jquery.validate.unobtrusive.js, debe "tomar prestado" algo de su código para agregarlo a su script de página. La adición de un método personalizado a continuación, tiene el siguiente aspecto:

<script type="text/javascript"> 
    var $jQval = $.validator, 
     adapters, 
     data_validation = "unobtrusiveValidation"; 

    function setValidationValues(options, ruleName, value) { 
     options.rules[ruleName] = value; 
     if (options.message) { 
      options.messages[ruleName] = options.message; 
     } 
    } 

    $jQval.addMethod("mustbetrue", function (value, element, param) { 
     // check if dependency is met 
     if (!this.depend(param, element)) 
      return "dependency-mismatch"; 
     return element.checked; 
    }); 

    $.validator.unobtrusive.adapters.add("mustbetrue", function (options) { 
     setValidationValues(options, "mustbetrue", true); 
    }); 

    $jQval.unobtrusive.parse(); 
</script> 

Answer 2

no tengo ningún problema de añadir este código a un archivo JavaScript externo, que i Robada de This site

// Custom validator for checkboxs 
jQuery.validator.unobtrusive.adapters.add("brequired", function (options) {  
    //bool-required for checkboxes  
    if (options.element.tagName.toUpperCase() == "INPUT" && 
     options.element.type.toUpperCase() == "CHECKBOX") 
    { 
     options.rules["required"] = true;   
     if (options.message) { 
      options.messages["required"] = options.message; 
     } 
    } 
}); 

¿Estás seguro de que usted pone su escritura DESPUÉS de los scripts jquery en tu página? El mío es el último en la lista.

Answer 3

Validación discreta no me está dando más que dolor.

En una página muy sencilla prueba, esto funciona:

$(document).ready(function() { 
    jQuery.validator.unobtrusive.adapters.add(
     'mustbetrue', ['properties'], function (options) { 
      options.rules['mustbetrue'] = options.params; 
      options.messages['mustbetrue'] = options.message; 
     } 
     ); 

    jQuery.validator.addMethod('mustbetrue', function (value, element, params) { 
     // check if dependency is met 
     if (!this.depend(param, element)) { 
      return "dependency-mismatch"; 
     } 

     switch (element.type) { 
      case "checkbox": 
       return element.checked; 
       break; 
      case "hidden": 
       return (value == 'true' || value == 'True'); 
       break; 
      default: 
       alert('type = ' + element.type); 
       return true; 
       break; 
     } 
    }); 
}); 

Sin embargo, cuando muevo el código a mi forma más compleja, de repente deja de funcionar y no tengo ni idea de por qué y no hay tiempo para ahondar en el código discreto para probar y descubrir.

La solución de counsellorben funciona en mi forma más compleja.

Si alguien puede dirigirme a un sitio que explica en detalle cómo agregar correctamente un validador personalizado a una validación discreta, siempre seré agradecido. Cada sitio que visito tiene una solución diferente.