js輸入框提示輸入字數校驗
阿新 • • 發佈:2019-01-25
function compute(){
var content = jQuery(":input[id$='content']").val();
var size = 0;
if (jQuery.trim(content).length!=0) {
if (content.length<=500) {
size = 500 - content.length;
$("#input_size").html("您還可以輸入<SPAN style='color:red;'>"+size+"</SPAN>個字");
} else {
$("#input_size").html("您還可以輸入<SPAN style='color:red;'>0</SPAN>個字");
content = content.substring(0,500);
jQuery(":input[id$='content']").val(content);
}
} else {
$("#input_size").html("您還可以輸入<SPAN style='color:red;'>500</SPAN>個字");
}
var content = jQuery(":input[id$='content']").val();
var size = 0;
if (jQuery.trim(content).length!=0) {
if (content.length<=500) {
size = 500 - content.length;
$("#input_size").html("您還可以輸入<SPAN style='color:red;'>"+size+"</SPAN>個字");
} else {
$("#input_size").html("您還可以輸入<SPAN style='color:red;'>0</SPAN>個字");
content = content.substring(0,500);
jQuery(":input[id$='content']").val(content);
}
} else {
$("#input_size").html("您還可以輸入<SPAN style='color:red;'>500</SPAN>個字");
}
}
<textarea name="" id="content" onfocus="this.select()" onkeyup="compute();" cols="30" rows="10" class="textarea-box-1"></textarea>
<strong id="input_size">您還可以輸入500個字</strong>