Mostafa_Dindar
پنج شنبه 21 مرداد 1389, 00:49 صبح
سلام خدمت اساتید.
من می خواستم تکست باکسی که ولیدیت میشه توی صفحه، به جای نوشتن یک پیغام، خود تکست باکس به رنگ قرمز در بیاد. مثل سایت یاهو.
ممنون میشم دوستان من رو راهنمایی کنند. :قلب:
شما با استفاده از jQuery و CustomValiator میتوانید اینکار رو پیاده سازی کنید ,
در صفحه aspx :
<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage=""
ControlToValidate="TextBox1" ClientValidationFunction="ValidateTextBox"
OnServerValidate="CustomValidator1_ServerValidate"
ValidateEmptyText="True"></asp:CustomValidator>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<script src="jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript">
function ValidateTextBox(source, args)
{
var is_valid = $("#TextBox1").val() != "";
$("#TextBox1").css("background-color", is_valid ? "white" : "red");
args.IsValid = is_valid;
}
</script>
در صفحه .cs :
protected void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args)
{
bool is_valid = TextBox1.Text != "";
TextBox1.BackColor = is_valid ? Color.White : Color.Red;
args.IsValid = is_valid;
}
همانطور که ملاحظه میکنید در رویداد ClientValidationFunction متد کلاینت ساید ValidateTextBox فراخوانی میشود و در اون متد با توجه به اینکه صفحه Valid هست یا خیر , رنگ TextBox رو عوض میکنه .
در صفحه Cs هم که مشخصه عمل Validation رو به صورت ServerSide انجام میده , یعنی درصورتی که جاوااسکریپت مرورگر کلاینت غیر فعال بود , در سمت سرور Validation صورت گیرد .
منبع (http://stackoverflow.com/questions/196859/change-text-box-color-using-required-field-validator-no-extender-controls-please)
موفق باشید