jquery校验输入框是否有值以及控制其长度

 我来答

1个回答

#热议# 生活中有哪些实用的心理学知识？

育知同创教育
2017-04-04 · 百度知道合伙人官方认证企业

育知同创教育

1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】

向TA提问

关注

展开全部

jquery校验输入框是否有值以及控制其长度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input长度</title>
<style>
ul{ clear:both}
li{float:left; width:120px; padding:0; margin:0;}
</style>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$(".font_size_info").keyup(function () {
//得到长度
var len = $(this).val().length;
//判断是否已经超出信息
if (len <= $(this).attr("data-leg")) {
$("#" + $(this).attr("data-id")).text($(this).attr("data-leg") - len);
} else {
//如果超出就取出多少个字符
$(this).val($(this).val().substring(0, $(this).attr("data-leg")));
}

});

$("#show_data_font_size_1").text(500 - $(".font_size_info").val().length);
});
</script>
</head>

<body>
<font color="#777777">请填写内容，(限500字,还可以输入<font color="#009900" id="show_data_font_size_1">500</font>个字) </font>
<textarea class="font_size_info" data-leg="500" data-id="show_data_font_size_1" maxlength="3000" name="content" style="width: 572px; height: 200px;">深圳网站建设：独占网络</textarea>

</body>
</html>