asp net web forms editors client side validation herunterladen - asp net web forms editors client side validation Quellcode Download

asp net web forms editors client side validation

Andere Kategorien

1.0.0

Herunterladen

Redakteure für ASP.NET -Webformulare - So erhöhen Sie die Validierung im Client

In diesem Beispiel wird gezeigt, wie die clientseitige Validierung automatisch oder auf einer bestimmten Aktion für einen einzelnen Editor oder eine Gruppe von Redakteuren angehoben wird.

Überblick

Um die Validierung automatisch zu erhöhen, wenn sich der Wert eines Editors zu leer ändert, geben Sie die Validations -Settings -Eigenschaft des Editors an und setzen Sie die erforderliche Eigenschaft auf true . Beachten Sie, dass dieses Verhalten aktiviert ist, wenn die Eigenschaft validateonleave auf true eingestellt ist.

< dx:ASPxTextBox ID = " tbTextBox1 " runat = " server " Width = " 170px " Text = " Some value " >
    < ValidationSettings >
        < RequiredField IsRequired = " True " ErrorText = " Field is required. " />
    </ ValidationSettings >
</ dx:ASPxTextBox >

Um die Werte für eine bestimmte Aktion zu validieren (z. B. auf einer Schaltfläche Klicken), rufen Sie die clientseitige Validierungsmethode auf. Um die automatische Validierung zu deaktivieren, wenn sich der Wert des Editors ändert, setzen Sie die Validateonleave -Eigenschaft auf false .

< input type = " button " value = " Validate " onclick = " ASPxClientControl.GetControlCollection().GetByName('tbTextBox2').Validate(); " style = " width : 127 px ; " />
< dx:ASPxTextBox ID = " tbTextBox2 " runat = " server " ClientInstanceName = " tbTextBox2 " Width = " 170px " >
    < ValidationSettings ValidateOnLeave = " False " >
        < RequiredField IsRequired = " True " ErrorText = " Field is required. " />
    </ ValidationSettings >
</ dx:ASPxTextBox >

Um Werte in einer Gruppe von Redakteuren in einer bestimmten Aktion zu validieren, deaktivieren Sie die Validesonleave-Eigenschaften der Redakteure, setzen Sie die Eigenschaften der Validierungsgruppen auf einen gemeinsamen Wert und übergeben Sie diesen Wert an die clientseitige Validierungsgruppen-Methode.

< dx:ASPxTextBox ID = " tbTextBox3 " runat = " server " Width = " 170px " Style = " margin-bottom: 4px; " >
    < ValidationSettings ValidationGroup = " MyGroup " ErrorText = " Field is required. " ValidateOnLeave = " False " >
        < RequiredField IsRequired = " True " ErrorText = " " />
    </ ValidationSettings >
</ dx:ASPxTextBox >
< dx:ASPxTextBox ID = " tbTextBox4 " runat = " server " Width = " 170px " >
    < ValidationSettings ValidationGroup = " MyGroup " ErrorText = " Field is required. " ValidateOnLeave = " False " >
        < RequiredField IsRequired = " True " ErrorText = " " />
    </ ValidationSettings >
</ dx:ASPxTextBox >
< br />
< input type = " button " value = " Validate Group " onclick = " ASPxClientEdit.ValidateGroup('MyGroup'); " />

Aktivieren Sie die Werte in einer Gruppe von Redakteuren auf einem Postback, um die Autopostback der Redakteure zu aktivieren, die Eigenschaften der Validierungsgruppe zu validieren und auf einen gemeinsamen Wert festzulegen. Wenn sich der Wert eines Editors ändert, wird die Validierung für alle Redakteure in der angegebenen Gruppe erhöht.

< dx:ASPxComboBox ID = " cbComboBox2 " runat = " server " AutoPostBack = " True " >
    < Items >
        <!-- ... -->
    </ Items >
    < ValidationSettings CausesValidation = " True " ValidationGroup = " CausesValidationDemoGroup " >
        < RequiredField IsRequired = " True " ErrorText = " Select not empty value. " />
    </ ValidationSettings >
</ dx:ASPxComboBox >
< br />
< dx:ASPxComboBox ID = " cbComboBox3 " runat = " server " AutoPostBack = " True " >
    < Items >
        <!-- ... -->
    </ Items >
    < ValidationSettings CausesValidation = " True " ValidationGroup = " CausesValidationDemoGroup " >
        < RequiredField IsRequired = " True " ErrorText = " Select not empty value. " />
    </ ValidationSettings >
</ dx:ASPxComboBox >