توضیحات و دانلود

تعداد کاراکتر و اعتبار سنجی حداکثر برای MultiLine TextBox (TextArea) در ASP.Net
0 0
تعداد کاراکتر و اعتبار سنجی حداکثر برای MultiLine TextBox (TextArea) در ASP.Net

با سلام در این مقاله با مثال توضیح خواهیم داد که چطور تعداد اعتبار سنجی و حداکثر طول متن را برای ASP.Net MultiLine TextBox اعمال کنیم.
کنترل HTML TextArea دارای ویژگی MaxLength مانند فیلدهای متداول TextBox و Password نیست. از این رو یک پلاگین MaxLength jQuery ساخته ایم که کار MaxLength نرمال را با کمک جاوا اسکریپت و jQuery شبیه سازی می کند.
کد HTML
کد HTML شامل سه TextBox  است که اعتبار سنجی حداکثر طول آن اجرا می شود.
همچنین یک DIV HTML برای نمایش تعداد کاراکتر برای TextBox دوم وجود دارد.

<form id="form1" runat="server">
<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Width="300" Height="100"></asp:TextBox>
<br />
<br />
<div id="counter"></div>
<asp:TextBox ID="TextBox2" runat="server" TextMode="MultiLine" Width="300" Height="100"
    Text="Mudassar Khan"></asp:TextBox>
<br />
<br />
<asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine" Width="300" Height="100"></asp:TextBox>
</form>

پیاده سازی پلاگین MaxLength jQuery برای  MultiLine TextBox (TextArea)
پلاگین MaxLength jQuery دارای پارامترهای مورد نیاز و اختیاری است:
1. MaxLength (مورد نیاز) - مقدار عدد صحیح نشان دهنده حداکثر حد مجاز کاراکتر.
2. CharacterCountControl (اختیاری) - به طور پیش فرض افزونه تعداد کاراکترها را در زیر TextArea نمایش می دهد، اما کاربر دارای گزینه ای است که کنترل تعداد کاراکتر را مشخص می کند.
توجه :

کنترل تعداد کاراکترها فقط می تواند HTML SPAN یا DIV باشد.
3. DisplayCharacterCount (اختیاری) - پیش فرض true است . اگر مجموعه ای false باشد شمارش کاراکتر غیرفعال خواهد شد.
درون جعبه ابزار رویداد آماده برای جی کوئری، پلاگین MaxLength jQuery برای سه TextBox سه پیکربندی متفاوت اعمال می شود.
اولین TextBox - تنظیمات پیش فرض اعتبار سنجی طول حداکثر انجام خواهد شد و تعداد کاراکتر نمایش داده خواهد شد.
دومین TextBox - انجام اعتبار سنجی حداکثر طول و تعداد کاراکتر در یک DIV HTML نمایش داده خواهد شد.
سومین TextBox  - تنها اعتبار سنجی حداکثر طول انجام خواهد شد.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="MaxLength.min.js"></script>
<script type="text/javascript">
    $(function () {
        //Normal Configuration
        $("[id*=TextBox1]").MaxLength({ MaxLength: 10 });
 
        //Specifying the Character Count control explicitly
        $("[id*=TextBox2]").MaxLength(
        {
            MaxLength: 15,
            CharacterCountControl: $('#counter')
        });
 
        //Disable Character Count
        $("[id*=TextBox3]").MaxLength(
        {
            MaxLength: 20,
            DisplayCharacterCount: false
        });
    });
</script>

 


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :