asp net web forms editors client side validation
1.0.0
이 예제는 단일 편집기 또는 편집자 그룹에 대한 클라이언트 측 유효성 검사를 자동 또는 특정 조치를 높이는 방법을 보여줍니다.
편집자의 값이 빈으로 변경 될 때 유효성 검사를 자동으로 제기하려면 편집기의 ValidationSettings 속성을 지정하고 필요한 필드를 true 하십시오. 이 동작은 ValidateOnleave 속성이 true 로 설정 될 때 활성화됩니다.
< dx:ASPxTextBox ID = " tbTextBox1 " runat = " server " Width = " 170px " Text = " Some value " >
< ValidationSettings >
< RequiredField IsRequired = " True " ErrorText = " Field is required. " />
</ ValidationSettings >
</ dx:ASPxTextBox > 특정 조치에서 값 편집 값을 유효하게하려면 (예 : 버튼 클릭의 경우) 클라이언트 측 유효성 검사 메소드를 호출하십시오. 편집자의 값이 변경 될 때 자동 유효성 검사를 비활성화하려면 ValidateOnLeave 속성을 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 >특정 작업에서 편집기 그룹의 값을 검증하려면 편집자의 ValidateOnleave 속성을 비활성화하고 ValidationGroup 속성을 공통 값으로 설정 하고이 값을 클라이언트 측 validateGroup 메소드로 전달하십시오.
< 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'); " />Postback의 편집자 그룹의 값을 검증하려면 편집자의 AutoPostback, ValidateOnleave 및 CauseSvalidation 특성을 활성화하고 유효성 검사 그룹 속성을 공통 값으로 설정하십시오. 편집자의 값이 변경되면 지정된 그룹의 모든 편집자에 대한 검증이 제기됩니다.
< 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 >(응답을 제출하려면 devexpress.com으로 리디렉션됩니다)