Tuesday, July 21, 2009

Validator control จำกัดจำนวนอักษร

แบบใช้ control ของ visual studio 2008
validator control จำกัดอักษร

code ดังนี้







2. แบบใช้ jquery
jquery


$(function(){
var max_length=200; // กำหนดจำนวนตัวอักษร
$("#txtQuit").keyup(function(){ // เมื่อ textarea id เท่ากับ data มี event keyup
var this_length=max_length-$(this).val().length; // หาจำนวนตัวอักษรที่เหลือ
if(this_length<0){
$(this).val($(this).val().substr(0,200)); // แสดงตามจำนวนตัวอักษรที่กำหนด
}else{
$("#now_length").html("ตัวอักษรที่เหลือจะพิมพ์ได้ "+this_length+" ตัวอักษร");
// แสดงตัวอักษรที่เหลือ
}
});
});


โดยจะเช็ค textbox ที่ชื่อว่า txtQuit
โดยในส่วน body ใส่แท็ก span เพื่อให้แสดงจำนวนตัวอักษร



No comments:

Post a Comment

แวะเข้ามา ทักทายกันบ้างก็ได้ค่ะ