c# - 検証が失敗した場合に、テキストボックスの枠線を赤色に変更

Question

asp.net c# で Web ページを作成していますが、検証に失敗したときにテキスト ボックスの境界線の色を変更したいと考えています。

例えば ​​：

どうすればこれができるか教えてください。

ありがとう。

Answer 1

この推測は簡単ですが、少し汚いです:

ボタンとこの JavaScript 関数に onClientClick 属性を指定します。

<script type="text/javascript">
    function YourButtonClickEvent() {
        var validation = Page_ClientValidate();
        if (!validation) {
            for (var i = 0; i < Page_Validators.length; i++) {
                if (!Page_Validators[i].isvalid) {
                    $("#" + Page_Validators[i].controltovalidate).css("border-color", "red");
                }
            }
        }            
        return val;
    }
</script>

Answer 2

jQueryを使用--blurイベントで使用

if(!validation)
{
   $('textboxid').css('border','1px solid red');
}
else
{
   $('textboxid').css('border','1px solid black');  //set to normal color
}

Javascriptを使用 -- Blur イベントで使用

document.getElementById('textboxId').Style.Border = "1px solid red";

詳細については、このリンクを参照してください