jQuery Validierungs-Plugin in ASP.NET Web Forms

Ich würde wirklich gerne zu verwenden die jQuery-Validation-plugin in meinem ASP.NET Web-Forms-Anwendung (nicht MVC). Ich finde es einfacher als das hinzufügen von asp-Validatoren überall und Einstellung der Steuerung zu überprüfen-Feld auf alle von Ihnen.

Ich bin nur mit einigen Problemen, sowohl bei der Einstellung die Klasse wie folgt aus class="required E-Mail", die ich denke, es hat etwas zu tun mit mit einem form-tag innerhalb der Haupt-form-tag.

Ich auch Probleme beim Aufruf der jquery Validierung unter Verwendung von Namen, die entstellt in ein asp-Steuerelement

//validate signup form on keyup and submit
$("#signupForm").validate({
    rules: { 
        username: {
            required: true,
            minlength: 2
        }, },
    messages: { 
        username: {
            required: "Please enter a username",
            minlength: "username at least 2 characters"
        }, 
    }.

.......

        <p>
            <label for="username">
                Username</label>
            <input id="username" name="username" />
        </p>

weil diese

<asp:TextBox ID="tbUsername"  runat="server"></asp:TextBox>

macht so

<input name="ctl00$ContentPlaceHolder1$tbUsername" type="text" id="ctl00_ContentPlaceHolder1_tbUsername" />

und mangles den Namen. Ich kann die ClientID über <%=tbUsername.ClientID %>aber das funktioniert nicht mit ClientName

Hat jemand hatte keinen Erfolg mit der jquery validator plugin mit asp.net?
Wenn dem so ist, was über die Verwendung von mehreren Formen ähnlich wie die Verwendung von separaten Validierung Gruppen?

InformationsquelleAutor der Frage eiu165 | 2009-03-06

Können Sie Kasse der Regeln hinzufügen-Funktionaber im Grunde hier ist was Sie tun können:

jQuery(function() {
    //You can specify some validation options here but not rules and messages
    jQuery('form').validate(); 
    //Add a custom class to your name mangled input and add rules like this
    jQuery('.username').rules('add', { 
        required: true, 
        messages: { 
            required: 'Some custom message for the username required field' 
        } 
    });
});

<input name="ctl00$ContentPlaceHolder1$tbUsername" type="text" id="ctl00_ContentPlaceHolder1_tbUsername" class="username" />

Diese Weise keine Gedanken über die miese Bezeichner generiert, die von der webforms-Motor.

InformationsquelleAutor der Antwort Darin Dimitrov

11

Hier sind Beispiele von mit dem jQuery-Validation-plugin mit WebForms und emuliert das Konzept der validation Gruppen. Es funktioniert tatsächlich ziemlich gut, sobald Sie glatt ein paar Fragen.

InformationsquelleAutor der Antwort Dave Ward

$("#signupForm").validate({
        rules: { 
                <%= tbUsername.UniqueID %>: {
                        required: true,
                        minlength: 2
                }, },
        messages: { 
                <%= tbUsername.UniqueID %>: {
                        required: "Please enter a username",
                        minlength: "username at least 2 characters"
                }, 
        });

<asp:TextBox ID="tbUsername" runat="server"></asp:TextBox>

InformationsquelleAutor der Antwort 1984kg

4

Können Sie überprüfen, xVal.webForms hier: http://xvalwebforms.codeplex.com/

InformationsquelleAutor der Antwort Carlos Mendible

Getestet, was Darin Dimitrov sagte, und es funktioniert perfekt, aber wenn Sie nicht wollen, um eine bestimmte Klasse zu jedem Ihrer Felder, die Sie verwenden können jQuery-Selektoren:

$('form').validate();
$('input[id$=Username]').rules('add', { 
    required: true, 
    messages: { 
        required: 'Some custom message for the username required field' 
    } 
});

<input name="ctl00$ContentPlaceHolder1$tbUsername" type="text" id="ctl00_ContentPlaceHolder1_tbUsername" />

InformationsquelleAutor der Antwort C.Hoffmann

Die beste Lösung ist, verwenden Sie "<%=tbUsername.UniqueID - %>" statt tbUsername in jQuery Regeln.

$("#signupForm").validate({
rules: { 
    "<%=tbUsername.UniqueID %>": {
        required: true,
        minlength: 2
    }, },
messages: { 
    "<%=tbUsername.UniqueID %>": {
        required: "Please enter a username",
        minlength: "username at least 2 characters"
    }, 
}.

InformationsquelleAutor der Antwort Jackie

0

Ich vor kurzem veröffentlicht eine patch-Datei für xVal.WebForms, die sich auflöst, die mehrere Formen der Problem-Weiterleitung auf die bekannte ASP.Net Validierung Gruppe. Dieser patch unterstützt auch die ASP.Net CausesValidation-Eigenschaft.

Yo können darüber Lesen Sie hier: http://cmendible.blogspot.com/

InformationsquelleAutor der Antwort Carlos Mendible

Ein guter Weg, dies zu tun ist zu verwenden:

<%= textbox.Name %> oder <%= textbox.ClientId %>Wann immer Sie brauchen, verweisen auf ein server item.

d.h.

var phoneNumb = $('#<%= tPhone.ClientID %>').val();

oder

$("#signupForm").validate({
        rules: { 
                <%= username.Name %>: {
                        required: true,
                        minlength: 2
                }, },
        messages: { 
                <%= username.Name %>: {
                        required: "Please enter a username",
                        minlength: "username at least 2 characters"
                }, 
        }.

.......

InformationsquelleAutor der Antwort Adam

0

Für SharePoint 2010 ich gefunden habe mit dem laden andere Benutzersteuerelemente, die als sichten (per ajax), dass dies funktioniert, wenn Sie verschieben, javascript-Code in einer Bibliothek und kann nicht mit server-tags für die control-id ist so:

e.g #<%= tPhone.ClientID %>
```
$('input[id$=tPhone]').rules('add', 
{      
 required: true,      
 messages: 
 {          
  required: 'Some custom message for the username required field'      
 }  
});
```
Weiter für diese, wenn Sie dynamisch laden ein Benutzer die Kontrolle über Ajax, dann können Sie nicht verwenden $(document).bereit
Sie haben zu Kapseln, die jQuery in einer Funktion, die Bibliothek, wenn Ihr auf die User-Kontrolle auf der (server-side-event) laden der Seite seiner feinen, aber in dem Szenario, das Sie geladen via Ajax mit dem Update Panel, es wird nicht getanzt.

Habe ich nicht versucht, laden Benutzersteuerelemente über jQuery noch, das sieht schwer aus, und erscheint, laden Sie die ganze Seite, wenn auch vielleicht etwas schneller oder nicht.

Tests Vergleich be-Techniken zeigte das Update-Panel war so schnell und führte noch im selben oder kleinere Seitengrößen als andere Techniken und grundsätzlich schneller geladen oder viel mehr Daten als schnell oder schneller.

InformationsquelleAutor der Antwort jason robertson

Empfehle ich die Verwendung von jQuery.einfach.validator, die leicht, lightweigh und anpassbare validator kompatibel mit asp.net web-Formulare, denn er kann grundsätzlich die Durchführung von Validierungen in jedem container, die nicht nur

https://github.com/v2msoft/jquery.simple.validator

Empfehle ich Ihnen, überprüfen Sie die plugin und die Dokumentation.
Verwendung:

<script type="text/javascript" src="/Content/js/jquery-plugins/jquery.simple.validator.js"></script>

<div id="container">
    <!-- REQUIRED FIELD -->
    <label>Required Field: </label><br/>
    <input type="text" id="required_field_control" data-required data-required-msg="Field is required" /><br /><br/>

    <input type="button" value="Validate" onclick='javascript:validate();' />
</div>


<script type="text/javascript">
    function validate() {
        $("#container").initialize();
        var ok = $("#container").validate();
        if (!ok)  alert("There are errors");
        else alert("Form is ok");
    }
</script

InformationsquelleAutor der Antwort Christian

0

Informationen in diesem Artikel dazu geführt, dass ich die Kontrolle.ClientID, wenn man für ein Spiel mit jQuery... Sehr nützliche Informationen...
```
<label for="<%= tbName.ClientID %>">Name</label>
<input id="cphBody_tbName" runat="server" .../>
```
InformationsquelleAutor der Antwort Dscoduc

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.