Elegante Art und Weise zu kombinieren ASP.NET Validierung mit JQuery

Wie kann ich am besten kombinieren mit JQuery ASP.NET client-seitige Validierung Modell?

Ich habe im Allgemeinen vermieden Umsetzung ASP.NET Validierung-Modell, weil es immer scheint übertrieben für das, was ich Tat. Für die Website, die ich bin jetzt ich bin nur das sammeln von nicht kritischen Benutzerdaten und brauchen nur etwas basic-Validierung. Ich möchte nicht, dass Nachrichten, die in der DOM-oder so etwas ähnliches. Ich fand es schon immer schwer zu bekommen, schauen sowieso.

Aber ich brauche jetzt etwas umzusetzen, ein wenig mehr elegant. Was will ich nutzen, in JQuery ist clever suchen Sie Ausdrücke wie "sagen Sie mir, wenn Sie mindestens eine dieser Checkboxen aktiviert'. Ich bin neu in JQuery, aber ich denke, das ist etwa 1 Linie von JQuery und viel komplizierter in der traditionellen ASP.NET Modell.

So, ich möchte den vollen Vorteil von JQuery ist, um die Fähigkeiten, aber nicht vollständig undemine ASP.NET's-Validierung Modell.

Meine beste Ansatz bisher ist (was ziemlich viel ist, geht hinter dem Rücken des ASP.NET):

$('#<%=btnJoinMailingList.ClientID %>').bind('click', function(event) {

   if (...) {
       alert("You must enter a name");
       return false;
   }     
   return true;
});

Was ist ein besserer Ansatz hier? Gibt es irgendwelche empfohlenen plugins für JQuery ?

PS. Ich will nicht von MVC-Modell. Ich bin versuchen, um eine sehr " RAD " Website-und haben keine Zeit Tauchen Sie ein in den Spaß neue Sachen noch.

InformationsquelleAutor Simon_Weaver | 2009-01-20

  1. 12

    ASP.NET hat viele überprüfungs-Steuerelementen, einer von Ihnen ist der CustomValidator.

    Sie können geben Sie eine benutzerdefinierte JavaScript-Funktion, die jQuery verwendet, und zurück true oder false über-argument. Sie können diese Steuerelemente verwenden, um die Anzeige der Fehlermeldung automatisch oder führen Sie einfach die jQuery-code, und behandeln Sie das display manuell.

    Aspx: 

    <asp:CustomValidator ID="CustomValidator1" runat="server" Display="None"
                     ClientValidationFunction="checkTextareaLengths">
</asp:CustomValidator>

    JavaScript: 

    function checkTextareaLengths(source, args){
  args.IsValid = true;
  $('textarea').each(function(){
    if($(this).text().lenght > 400)
      args.IsValid = false;
  });
}
    Hinweis: ich denke nicht, dass nur die Rückgabe true oder false, die zur Arbeit gehen - Sie brauchen, um zu akzeptieren 2 Parameter an die Funktion (sender, args) und set args.IsValid = ok; am Ende haben, um zu spielen schön mit den webforms-validation-framework.
    Sehr wahr - ich weiß es besser wissen. Wissen Sie was, ich werde zu aktualisieren, die Antwort!
    Fertig! In meiner Verteidigung, ich erinnere mich vage Rückgabe von true oder false hat Arbeit für mich, aber dies ist die offizielle Methode und wird definitiv besser (ich hoffe, dass ich nicht empfehlen, alles doof - diese Frage hat 5700 Ansichten!). Danke.
    Auch würde ich ändern "Argumente" , "args" damit es nicht verwirrt mit den Argumenten-Schlüsselwort in javascript...
    Guter Punkt, danke!

    InformationsquelleAutor Kobi

  2. 5

    ASP.NET Formulare und jQuery-validation-Modell ist sehr, sehr ähnlich, IMHO, dass beide client-Seite und der Umsetzung einer von Ihnen nicht unbedingt untergraben die anderen. Der einzige wirkliche Unterschied wäre, dass es hinter den kulissen ASP.NET Prüfer Ursache der Page.Validate() - Methode gibt false zurück, wenn Sie haben eine nicht überprüfte Feld.

    Können Sie entscheiden, hand-Rollen Sie Ihre eigenen überprüfungs-Steuerelementen, und dann bewirken, dass das gleiche Verhalten, aber wie du selbst festgestellt hast, das wäre des guten zuviel.

    jQuery hat auch seine eigene Validator-plugin, das Sie könnte schauen wollen auf: http://docs.jquery.com/Plugins/Validation/Validator.

    InformationsquelleAutor Jon Limjap

  3. 5

    ASP.NET validator ist ein span mit zusätzlichen Parametern.
    Mit jquery können Sie den Zugriff auf alle möglichen Prüfungen auf der Seite, oder filtern Sie nach beliebigen Kriterien
    unterstützt von jquery. Um zu erzwingen, Validierung via javascript aufrufen ValidatorValidate Funktion.
    Zum Beispiel: 

    function validate_step(step_element) {
        //find all validators on step_element and force validation
        var validators = $(step_element).find("span[controltovalidate]");
        var stepIsValid = true;
        validators.each( function() {
           ValidatorValidate(this); stepIsValid &= this.isvalid;
        });
        return stepIsValid;
    }
    Danke... funktionierte perfekt

    InformationsquelleAutor

Schreibe einen Kommentar