在前端开发中,很多情况下需对输入内容进行验证。实时统计功能,对于定长输入而言,可以让用户实时明确输入界限,并合理安排内容。
字数实时统计更新
下面将以【消息内容】为例,设计实现输入框字数实时统计更新功能。 项目架构如下:
message
message.css message.js message.tpl
1. 在message.tpl文件中定义网页元素
rush:xhtml;">
//移动端微信公众号开发
内容"
rows="3">
//web端业务开发
/200
Box-sizing: border-Box;">
2.在message.js文件中绑定事件,用以统计输入字符
200) {
var char = $(this).val();
char = char.substr(0,200);
$(this).val(char);
fizeNum = 200;
tooltipsShow('消息内容不能超过200字');
}
$(this).parent().find('.contentcount').text(fizeNum);
});
//web网页span提示形式
FileName = '';
$("#newtaskform").append(FileName);
$('#msgcontent').bind('input propertychange',200);
$(this).val(char);
fizeNum = 200;
$("#texttips").show();
}else{
$("#texttips").hide();
}
$(this).parent().find('.contentcount').text(fizeNum);
});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。