Giới hạn kí tự nhập trong Textarea bằng Javascript

Xem: 2000    Tải: 0   Thảo luận: 0   Mục: Javascript   Lĩnh vực: Khác

0 điểm   ( 5 đánh giá ) File đã được kiểm thử

1 MEGA [megacode]gioi-han-ki-tu-nhap-trong-textarea.rar (0)
Phí tải ~ 2,000 đ
Live Demo

Bạn cần phải Đăng nhập để tải file [megacode]gioi-han-ki-tu-nhap-trong-textarea.rar
Nếu bạn chưa có tài khoản thì Đăng ký miễn phí tại đây

Báo lỗi download   Báo vi phạm bản quyền

Thỉnh thoảng chúng ta sẽ bắt gặp một số website hay blog có một form cho người dùng nhập liệu.Và khi chúng ta nhập vào các ô textarea thì thường có kèm theo chức năng đếm số kí tự cho phép còn lại, và khi chúng ta vượt quá số lượng đó thì không thể nhập thêm vào nữa. Trong bài viết này, mình sẽ chỉ cho các bạn cách để làm điều đó , rất đơn giản với Javascript.

Tổng đài hỗ trợ KT: (+844) 6. 32.979.36 - Hotline: 0969.091.265
Hỗ trợ KT từ: 8h-17h30 các ngày trong tuần trừ chiều T7, CN và các ngày lễ;
Hỗ trợ kỹ thuật (KT) và cam kết chất lượng:
1. Code đảm bảo chất lượng giống demo 100%
2. Hỗ trợ cài đặt code cho khách hàng
3. Hỗ trợ hướng dẫn sử dụng cho khách hàng
Mega download: 1 MEGA = 2.000đ

Thỉnh thoảng chúng ta sẽ bắt gặp một số website hay blog có một form cho người dùng nhập liệu.Và khi chúng ta nhập vào các ô textarea thì thường có kèm theo chức năng đếm số kí tự cho phép còn lại, và khi chúng ta vượt quá số lượng đó thì không thể nhập thêm vào nữa. Trong bài viết này, mình sẽ chỉ cho các bạn cách để làm điều đó , rất đơn giản với Javascript.

HTML

Chúng ta sẽ cần một form dùng để người dùng nhập liệu như sau :

<form name="frm" method="POST">
<textarea name="dd_fc_comment" class="main_txt_area" onkeyup="return displayWordCounter();"></textarea><br>
<div class="total_count">total remaining Charatctor:
 <input class="show_count" name="totalWordLimit" size="4" readonly="" value="100" type="text">
</div>
</form>

JavaScript

Và để tạo chức năng giới hạn kí tự nhập, chúng ta cần đoạn javascript sau, các bạn nhớ đọc kỹ chú thích trên từng dòng lệnh để hiểu rõ hơn nhé :

<script type="text/javascript">
/*=============  This is a count of total number to be displayed ==================*/
var setTotalNumberOfWordCounter = "100";
/*=============  This is a count of total number to be displayed ==================*/
  
/*This function first get the value of textarea. And read length of that textarea
charactor. then compare the value of set value.*/
  
function displayWordCounter(){
var getTextValue = document.frm.dd_fc_comment.value;  // Get input textarea value
var getTextLength = getTextValue.length;   // Get length of input textarea value
if(getTextLength > setTotalNumberOfWordCounter){     //compare this length with total count
        getTextValue = getTextValue.substring(0,setTotalNumberOfWordCounter);
        document.frm.dd_fc_comment.value =getTextValue;
        return false;
}
document.frm.totalWordLimit.value = (setTotalNumberOfWordCounter-getTextLength);
  
}
</script>

Bây giờ thì các bạn đã có thêm một chức năng để ứng dụng vào trong trang web sắp tới của mình rồi, bài viết không dài, tuy nhiên nó sẽ là bước đầu cho những ai mới tập tành làm web cũng như học về javascript. Mình mong là qua bài viết này, các bạn sẽ có thể học hỏi thêm được nhiều điều mới mẻ.

Chúc các bạn thành công !

Giới hạn kí tự nhập trong Textarea bằng Javascript

Giới hạn kí tự nhập trong Textarea bằng Javascript Đăng ngày 21-08-2014  Thỉnh thoảng chúng ta sẽ bắt gặp một số website hay blog có một form cho người dùng nhập liệu.Và khi chúng ta nhập vào các ô textarea thì thường có kèm theo chức năng đếm số kí tự cho phép còn lại, và khi chúng ta vượt quá số lượng đó thì không thể nhập thêm vào nữa. Trong bài viết này, mình sẽ chỉ cho các bạn cách để làm điều đó , rất đơn giản với Javascript. 5/10 2000

Thảo luận:

Để bình luận bạn phải đăng nhập thành viên.

File tương tự

Files cùng mục

 

File tải nhiều nhất

Megacode.vn - Thư viện mã nguồn chia sẻ, tải file cho cộng đồng
Copyright © 2013-2016. All rights reserved. Bản quyền thuộc VinaGon
Địa chỉ: Số 38 Hàng Bè, Hàng Bạc, Hoàn Kiếm, Hà Nội.
Văn phòng giao dịch: Phòng 28, Tầng 6, HH1A Linh Đàm, Hoàng Mai, Hà Nội
Email: info@vinagon.com | Website: www.vinagon.com | Điện thoại: (+844) 6. 32.979.36;
logo megacode

Megacode đã đăng ký với Bộ Công Thương
Thư viện mã nguồn mở lớn nhất Việt Nam.



Hỗ trợ khách hàng trên Megacode
Hỗ trợ kỹ thuật cho thành viên:
Tổng đài: (+844) 6. 32.979.36
Số di động (Hotline): 0969.091.265
Thời gian làm việc:
Sáng: 8h-12h; Chiều: 13h30-17h30
(Nghỉ chiều T7, CN và các ngày lễ, tết)
Chat với Megacode
https://www.facebook.com/megacodevn