Contrôle de Validation côté client

[Pongten]

Bonjour à tous,

Je suis en train d'essayer d'implémenter un contrôle de validation personnalisé.
J'aimerais que ce contrôle effectue une validation côté client quand cela est possible. Malheureusement, je coince sur un problème pour lequel je n'ai trouvé quasi aucune information (même pas sur MSDN).

Lorsque j'arrive sur ma page, le contrôle déclenche une erreur JavaScript signalant que

ValidatorHookupControlID is not defined !

(il s'agit de la méthode qui va demander la validation client pour le contrôle lorsqu'il perdra le focus.)

Quelqu'un a-t-il une piste ?

Merci.

[nico-pyright(c)]

tu as un controle de validation sur ta page ?
si non, la ressource js contenant le framework de validation client n'est peut-etre pas chargée

que renvoit

alert(typeof(Page_Validators));

si c'est "undefined", alors c'est ca

ton validator personnalisé implémente-t-il IValidator (ou hérite de BaseValidator) ?

[Pongten]

Envoyé par nico-pyright(c)

tu as un controle de validation sur ta page ?
si non, la ressource js contenant le framework de validation client n'est peut-etre pas chargée

que renvoit

alert(typeof(Page_Validators));

si c'est "undefined", alors c'est ca

ton validator personnalisé implémente-t-il IValidator (ou hérite de BaseValidator) ?

En fait, pour faire simple, il s'agit d'un contrôle qui s'auto-valide. Par exemple, un textbox mais qui implémente l'interface IValidator.

Cependant, alert(typeof(Page_Validators)), placé en StartupScript me renvoie bien undefined

[nico-pyright(c)]

si tu implémentes IValidator, il faut que tu fasses savoir à la page que tu es un validator en t'enregistrant dans la collection de validator :

Page.Validators.Add(this);

Il faudra également le supprimer à l'unload

Ceci est fait automatiquement en dérivant de BaseValidator

[Pongten]

Arf... J'y ai cru pendant un instant... car j'avais en effet oublier d'ajouter mon contrôle comme contrôle de validation...

Mais cependant l'erreur subsiste...

ValidatorHookupControlID is not defined

[nico-pyright(c)]

si tu utilises firefox et que tu disposes d'un outil comme firebird, tu pourrais savoir si le fichier contenant toutes les fonctions du framework client de validation est présent.

Tu as ca ? Comment ca, on pourrait vérifier si ta page est reconnue comme ayant des validateurs.

Ensuite, tu peux essayer de boucler depuis ta page aspx, genre, dans le OnPreRender, sur la collection de validator, histoire de vérifier qu'il trouve bien le tien

foreach (BaseValidator validator in Page.Validators)
{
}
 

[nico-pyright(c)]

ah oui, il manque un truc.
Si tu n'hérites pas de BaseValidator, il faut inclure le js à la main je crois.

Un ptit coup de reflector

Et on a un truc du genre :

    if (!this.Page.IsPartialRenderingSupported)
    {
        if (!this.Page.ClientScript.IsClientScriptBlockRegistered(typeof(BaseValidator), "ValidatorIncludeScript"))
        {
            this.Page.ClientScript.RegisterClientScriptResource(typeof(BaseValidator), "WebUIValidation.js");
            this.Page.ClientScript.RegisterStartupScript(typeof(BaseValidator), "ValidatorIncludeScript", "\r\n<script type=\"text/javascript\">\r\n<!--\r\nvar Page_ValidationActive = false;\r\nif (typeof(ValidatorOnLoad) == \"function\") {\r\n    ValidatorOnLoad();\r\n}\r\n\r\nfunction ValidatorOnSubmit() {\r\n    if (Page_ValidationActive) {\r\n        return ValidatorCommonOnSubmit();\r\n    }\r\n    else {\r\n        return true;\r\n    }\r\n}\r\n// -->\r\n</script>\r\n        ");
            this.Page.ClientScript.RegisterOnSubmitStatement(typeof(BaseValidator), "ValidatorOnSubmit", "if (typeof(ValidatorOnSubmit) == \"function\" && ValidatorOnSubmit() == false) return false;");
        }
    }
    else
    {
        ValidatorCompatibilityHelper.RegisterClientScriptResource(this, typeof(BaseValidator), "WebUIValidation.js");
        ValidatorCompatibilityHelper.RegisterStartupScript(this, typeof(BaseValidator), "ValidatorIncludeScript", "\r\n<script type=\"text/javascript\">\r\n<!--\r\nvar Page_ValidationActive = false;\r\nif (typeof(ValidatorOnLoad) == \"function\") {\r\n    ValidatorOnLoad();\r\n}\r\n\r\nfunction ValidatorOnSubmit() {\r\n    if (Page_ValidationActive) {\r\n        return ValidatorCommonOnSubmit();\r\n    }\r\n    else {\r\n        return true;\r\n    }\r\n}\r\n// -->\r\n</script>\r\n        ", false);
        ValidatorCompatibilityHelper.RegisterOnSubmitStatement(this, typeof(BaseValidator), "ValidatorOnSubmit", "if (typeof(ValidatorOnSubmit) == \"function\" && ValidatorOnSubmit() == false) return false;");
    }
 

[Pongten]

Bon, le problème vient apparemment bien du fait que la page ne charge pas les scripts de validation client.

Par contre pour la boucle dans les contrôles de validation, mon contrôle est bien repris dans la collection....

Je suis sur que ça doit être une bêtise mais ça m'énerve !!

Merci pour ton aide en tout cas

[nico-pyright(c)]

comme on a posté en meme temps, je ne sais pas si tu as vu ma réponse

[Pongten]

Mais comment disposer du WebUIValidation.js ???

[nico-pyright(c)]

comme ca, ca suffit :

        protected override void OnPreRender(EventArgs e)
        {
            if (!Page.ClientScript.IsClientScriptBlockRegistered(typeof(BaseValidator), "ValidatorIncludeScript"))
            {
                Page.ClientScript.RegisterClientScriptResource(typeof(BaseValidator), "WebUIValidation.js");
                Page.ClientScript.RegisterStartupScript(typeof(BaseValidator), "ValidatorIncludeScript", "\r\n<script type=\"text/javascript\">\r\n<!--\r\nvar Page_ValidationActive = false;\r\nif (typeof(ValidatorOnLoad) == \"function\") {\r\n    ValidatorOnLoad();\r\n}\r\n\r\nfunction ValidatorOnSubmit() {\r\n    if (Page_ValidationActive) {\r\n        return ValidatorCommonOnSubmit();\r\n    }\r\n    else {\r\n        return true;\r\n    }\r\n}\r\n// -->\r\n</script>\r\n        ");
                Page.ClientScript.RegisterOnSubmitStatement(typeof(BaseValidator), "ValidatorOnSubmit", "if (typeof(ValidatorOnSubmit) == \"function\" && ValidatorOnSubmit() == false) return false;");
            }
            base.OnPreRender(e);
        }

C'est un fichier de resource

[Pongten]

Effectivement, cela ne génère plus d'erreur...

Malheureusement cela ne fonctionne quand même pas mais je pense que c'est du à l'architecture du contrôle qui est en fait un compositeControl.

J'y ai dès lors intégré un CustomValidator pour lequel j'intègre la vérification que je souhaite effectuer côté client.

Là où ça coince : la validation s'effectue correctement mais le postback n'est pas annulé en cas de validation client échouée. Je positionne pourtant bien le flag IsValid à false...

Merci pour ton aide en tout cas...

[nico-pyright(c)]

si t'as un projet minimal qui reproduit le problème, je veux bien jeter un coup d'oeil

[Pongten]

Merci pour ton aide Nico...

En tentant de construire un petit projet pour reproduire le problème, je suis tombé sur la source du problème. En fait le bouton qui provoquait le submit n'était pas tout à fait d'origine.

En fait, le bouton en question se désactive via javascript avant de provoquer manuellement un postback (via GetPostBackReference).. ce qui apparemment ne vérifie pas la validité de la page avant de provoquer le postback.

Temporairement, j'ai désactivé cette fonctionnalité et cela fonctionne... je verrai par après si je sais mettre en place une solution similaire.

Merci encore pour t'être penché sur le sujet.