앱)자바스크립트 자릿수 체크하는 로직
$(document).ready(function() {
$("#description").bind("change keyup input", function(){
var ls_str = $("#description").val();
var li_str_len = ls_str.length;
var li_max = 250;//250자까지 제한
var i = li_byte = li_len =0;
var ls_one_char = ls_str2 = "";
for( var i = 0; i < li_str_len; i++){
ls_on_char = ls_str.charAt(i);
li_byte++;
if( li_byte <= li_max){
li_len = i+1;
}
}
if( li_byte > li_max) {
ls_str2 = ls_str.substr(0, li_len);
$("#description").val(ls_str2);
}
});
});
<tr>
<th scope="col"><label>Description(max.250byte)</labe></th>
<td>
<textarea id="description" style="width: 95%;"></textarea>
</td>
</tr>
$("#description").bind("change keyup input", function(){
var ls_str = $("#description").val();
var li_str_len = ls_str.length;
var li_max = 250;//250자까지 제한
var i = li_byte = li_len =0;
var ls_one_char = ls_str2 = "";
for( var i = 0; i < li_str_len; i++){
ls_on_char = ls_str.charAt(i);
li_byte++;
if( li_byte <= li_max){
li_len = i+1;
}
}
if( li_byte > li_max) {
ls_str2 = ls_str.substr(0, li_len);
$("#description").val(ls_str2);
}
});
});
<tr>
<th scope="col"><label>Description(max.250byte)</labe></th>
<td>
<textarea id="description" style="width: 95%;"></textarea>
</td>
</tr>
'프론트엔드 > 자바스크립트' 카테고리의 다른 글
차트 관련 js 정리 (0) | 2018.11.11 |
---|---|
앱)자바스크립트 툴팁 말줄임 (0) | 2018.06.04 |
Do it Vue.js 입문 정리5 (0) | 2018.04.15 |
Do it Vue.js 입문 정리4 (1) | 2018.04.12 |
Do it Vue.js 입문 정리3 (0) | 2018.04.04 |