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

محدود کردن تعداد کاراکترها در TextBox Multiline با استفاده از jQuery در ASP.Net
0 0
محدود کردن تعداد کاراکترها در TextBox Multiline با استفاده از jQuery در ASP.Net

با سلام دراین مقاله با یک مثال و پیوست کد نمونه توضیح خواهیم داد که چگونه می توان تعداد کاراکترهای موجود در یک  Multiline TextBox را با استفاده از پلاگین jQuery MaxL length محدود کرد.
کنترل HTML TextArea دارای ویژگی MaxLength  مانند زمینه های معمولی TextBox و رمز عبور برای محدود کردن تعداد کاراکترها نیست. از این رو یک پلاگین jQuery MaxL length ایجاد کرده ایم که کار با نرم افزار MaxLength طبیعی را شبیه سازی می کند و به کاربران امکان می دهد تا شارژرها را در Multiline TextBox با کمک JavaScript و jQuery محدود کنند.
کد HTML
کد HTML شامل سه TextBoxes است که اعتبارسنجی حداکثر طول آنها اجرا می شود.
همچنین HTML DIV برای نمایش Character Count برای 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>

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

کنترل تعداد کاراکترها فقط می توانند HTML SPAN یا DIV باشند.
3. DisplayCharacterCount (اختیاری) - پیش فرض true است . اگر به false تنظیم شود ، شمارش کاراکتر غیرفعال می شود.
دررویداد document ready  handler  ، پلاگین jQuery حداکثر طول برای سه TextBoxes با سه تنظیم مختلف استفاده شده است.
TextBox اول - پیکربندی پیش فرض , اعتبارسنجی حداکثر طول انجام خواهد شد و تعداد کاراکترها نمایش داده می شوند.
TextBox دوم - اعتبارسنجی حداکثر طول انجام خواهد شد و تعداد کاراکترها در HTML DIV نمایش داده می شوند.
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 استفاده کنید.

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