Стиль элемента управления VALIDATED при использовании элементов управления .net

Question

Я использую элементы проверки .net и могу стилизовать текст ошибки, который помещается помимо проверяемого элемента управления (в нашем случае мы отображаем красную звездочку).

Так что я могу стилизовать красную звездочку, но в этом случае я также хочу стилизовать текстовое поле / ввод, где ошибка.

Может ли это как-то сделать это с помощью стандартных средств проверки?

По сути, я хочу «спросить» у всех валидаторов об их валидированном контроле и стиле, который контролирует (т.е. применяет к нему класс css).

1009 * мишель *

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 .Я не проверял это, но вот пример того, как вы можете выделить элемент:

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