Ứng dụng đếm số kí tự nhập vào bằng javacript

By Unknown → 13/11/14
Mời các bạn truy cập iZdesigner.com để cập nhật những thông tin, thủ thuật mới nhất về Web-Designer.

Khởi đầu cho dây chuyền hướng dẫn các bạn sử dụng javacript. Blog Designer hướng dẫn các bạn viết một ứng dụng đơn giản bằng javacript giúp bạn kiểm soát kí tự nhập vào. Các bạn có thể xem demo và copy đoạn code sau về tham khảo.


01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Character Counter</title>
<SCRIPT LANGUAGE="JavaScript">
function CountLeft(field, count, max) {
if (field.value.length > max)
field.value = field.value.substring(0, max);
else
count.value = max - field.value.length;
}
</script>
<style type="text/css">
.textfield2{
border:none;
color:red;
background-color:#fff;
margin-left:10px;
font-size:18px;
}
.textfield{
padding:10px;
border:1px solid #000000;
}
</style>
</head>
 
<body>
<form>
<input name="fname" type="text" id="fname" onKeyDown="CountLeft(this.form.fname, this.form.left,60);" onKeyUp="CountLeft(this.form.fname,this.form.left,60);" size="70"><input readonly type="text" name="left" size=3 maxlength=3 value="60" disabled="disabled">
</form>
</body>
</html>
Đoạn code trên các bạn có thể tùy ý chỉnh sửa số ký tự được phép nhập vào hoặc điều chỉnh độ rộng cao của khung nhập. 
Hy vọng đoạn code đơn giản này sẽ giúp ích cho các bạn.
Blog Designer

Hãy cho đi rồi sẽ nhận lại nhiều hơn thế

Đã có nhiều lúc tôi không biết mình sẽ làm được gì ??? Nhưng hãy cứ tin vào chính bản thân mình, tin vào mọi người và đừng để con tim bạn lạc lối. Bạn và tôi sẽ tìm ra được đâu là đích đến để mình biết đường đi.Nếu bạn cần một người bạn, đừng ngại kết bạn với tôi.

Thư Viện Đồ Họa: www.izdesigner.com