.net 유효성 검사 컨트롤을 사용할 때 VALIDATED 컨트롤의 스타일 지정

Question

.net 유효성 검사 컨트롤을 사용하고 있으며 유효성 검사가 수행되는 컨트롤 이외에 배치 된 오류 텍스트의 스타일을 지정할 수 있습니다 (이 경우에는 빨간색 별표).

그래서 나는 빨간 별표 스타일을 할 수 있지만, 오류가있는 경우이 경우에 나는 또한 텍스트 상자/입력 스타일을합니다.

어떻게 든 표준 유효성 검사 컨트롤과 함께이 작업을 수행한다 수

?

기본적으로 내가 원하는 것은 검증 된 컨트롤과 스타일을 제어하는 ​​(즉 CSS 클래스를 적용하는) 모든 유효성 검사기에 '묻는 것'입니다.

미셸

Answer 1

당신은 CustomValidator이 작업을 수행 할 수 있어야합니다. 다음은 간단한 예입니다.

<script type="text/javascript"> 
    validateStuff = function(sender, args){ 
     args.IsValid = false; //your validaiton logic 
     if (!args.IsValid){ 
      var el = document.getElementById(sender.controltovalidate); 
      if (el){ 
       el.style.border = "1px solid red"; 
      } 
     }    
    } 
</script> 
<asp:TextBox ID="TextBox1" runat="server" /> 
<asp:CustomValidator runat="server" id="CustomValidator1" 
     ControlToValidate="TextBox1" 
     ClientValidateFunction="validateStuff" 
     ErrorMessage="Invalid Prime Number"> 
</asp:CustomValidator> 

jQuery Validation Plugin을 사용할 수도 있습니다. 나는이 테스트를하지 않은,하지만 여기에 당신이 요소 hightlight 수있는 방법의 예 :

$("#<%=form1.ClientID%>").validate({ 
    rules: { 
     <%= TextBox1.ClientID %> : { 
      required: true     
     } 
    },  
    highlight: function(element, errorClass) {   
     $(element).css({ border: "1px solid red", color : "red" }); 
    } 
});