Méthode de validation personnalisée discrète non déclenchée selon la documentation

Question

J'ai tenté d'implémenter une méthode de validation personnalisée ASP.NET MVC. Tutoriels que j'ai utilisé tels que codeproject expliquer que vous ajoutez data-val-customname à l'élément. Ensuite jQuery.validate.unobtrusive.js utilise alors le troisième segment de l'attribut

data-val-<customname>

comme le nom de la règle, comme indiqué ci-dessous.

$.validator.addMethod('customname', function(value, element, param) { 
    //... return true or false 
}); 

Cependant, je n'arrive pas à déclencher la méthode customname. En jouant, j'ai réussi à faire fonctionner le code ci-dessous, mais selon toutes les sources que j'ai lues, la validation discrète ne devrait pas fonctionner comme ça.

$.validator.addMethod('data-val-customname', function(value, element, param) { 
    //... return true or false 
}); 

J'ai posté un exemple des deux méthodes jsfiddle example

Toute aide serait grandement appréciée

J'ai mis à jour ma question, espérons-faire plus clair.

Answer 1

J'ai finalement trouvé là-bas à la fin, mais j'ai toujours l'impression d'avoir trop de travail et donc j'ai probablement quelque chose qui ne va pas. Initialement j'ai été scuppered par un bogue dans Chrome Canary 62 qui a refusé d'autoriser l'ajout d'une méthode personnalisée.

Mon prochain problème était de devoir charger jQuery, jQuery.validate et jQuery.validate.unobtrusive dans le balisage, puis d'isoler l'implémentation javascript dans une classe ES6. Je ne voulais pas ajouter mes adaptateurs avant $().ready() en raison de la structure de ma classe et du chargement du fichier d'application indépendant de jQuery. Donc j'ai dû forcer $.validator.unobtrusive.parse(document);. Malgré cela, j'avais toujours des problèmes et finalement débogué le code source et trouvé qu'une information de validateur existante attachée au formulaire ne fusionnait pas avec les règles analysées mises à jour, et ignorant essentiellement les nouvelles adaptations ajoutées.

Mon dernier travail autour et admettre se sent comme si j'avais trop fait, était de détruire les informations initiales de validation avant mon re-parse forcé.

Voici le travail jsfiddle demo

Voici un code simplifié

onJQueryReady() { 
    let formValidator = $.data(document.querySelector('form'), "validator"); 
    formValidator.destroy(); 

    $.validator.unobtrusive.adapters.add("telephone", [], function (options) { 
     options.rules['telephone'] = {}; 
     options.messages['telephone'] = options.message; 
    }); 

    $.validator.unobtrusive.parse(document); 

    $.validator.addMethod("telephone", this.handleValidateTelephoneNumber); 
}