asp net web forms editors client side validation - asp net web forms editors client side validation Descargar

asp net web forms editors client side validation

Otras categorias

1.0.0

Descargar

Editores para formularios web ASP.NET: cómo aumentar la validación en el cliente

Este ejemplo demuestra cómo aumentar la validación del lado del cliente automáticamente o en una acción específica para un solo editor o un grupo de editores.

Descripción general

Para aumentar automáticamente la validación cuando el valor de un editor cambia a vacío, especifique la propiedad de validationsettings del editor y true la propiedad requerida. Tenga en cuenta que este comportamiento está habilitado cuando la propiedad ValidateOnLeave se establece en true .

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

Para validar los valores de edición en una acción específica (por ejemplo, en un botón de clic), llame al método de validar del lado del cliente. Para deshabilitar la validación automática Cuando cambia el valor del editor, establezca la propiedad ValidateOnLeave en 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 >

Para validar los valores en un grupo de editores en una acción específica, deshabilite las propiedades ValidateOnLeave de los editores, establezca las propiedades de ValidationGroup a un valor común y pase este valor al método ValidateGroup del lado del cliente.

< 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'); " />

Para validar los valores en un grupo de editores en una devolución de retroceso, habilite las propiedades de AutoPostback, ValidateLeave y CauseSvalidation de los editores y establezca sus propiedades de ValidationGroup en un valor común. Cuando cambia el valor de un editor, se plantea la validación para todos los editores en el grupo especificado.

< 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 >