输入框输入字数限制

<h2>亲,说说你在做什么,想什么</h2>
<div id="div_editor">
    <textarea id="txt_content" rows="2" cols="10"></textarea>
    <div class="d-last">还能输入140字</div>
</div>
<input type="button" id="btn_submit" value="确定">
h4 {
    color:#B1B1B1;
    font-weight:100;
    font-size:14px;
}
#div_editor {
    width:400px;
    border:1px solid #A9A9A9;
}
#div_editor textarea {
    border:0px;
    width:398px;
    height:45px;
    outline:0px;
    resize:none;
}
#div_editor div.d-last {
    text-align:right;
    font-size:10px;
    color:#B1B1B1;
    display:none;
}
#btn_submit {
    color:white;
    background-color:#8AC328;
    width:80px;
    height:25px;
    border:1px solid #9CC868;
    margin:1px;
}
$(function() {

     $("#div_editor textarea").focus(function() {

         $(this).css("height", "60px");
         $("#div_editor div.d-last").show();
         $("#div_editor").css("borderColor", "#B4E6FA");

     }).blur(function() {

         $(this).css("height", "45px");
         $("#div_editor div.d-last").hide();
         $("#div_editor").css("borderColor", "#A9A9A9");

     }).keyup(function() {

         var c = $(this).val();
         if (c.length > 140) {
             c = c.substr(0, 140);
             $(this).val(c);
         }
         var last = 140 - c.length;
         $("#div_editor div.d-last").text("还能输入" + last + "字");
     })

 });
时间: 2024-08-01 12:57:11

输入框输入字数限制的相关文章

textarea 输入框限制字数

在textarea标签中,只需要设置maxlength=”***”即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10.IE11则支持,估计后续的版本应该都会支持. 现在来说下怎么让大部分IE版本都支持textarea 标签限制字数. 第一种方法: <textarea id="taContent" rows="3"  maxlength="20" onchange="this.value=this.va

ios中实现对UItextField,UITextView等输入框的字数限制

本文转载至 http://blog.sina.com.cn/s/blog_9bf272cf01013lsd.html 2011-10-05 16:48 533人阅读 评论(0) 收藏 举报 1.     如何实现对UITextField ,UITextView等输入框的 字数限制 (1)首先,肯定要 让controller 实现 UITextFieldDelegate (针对UITextField)或者  UITextViewDelegate(针对UITextView) 然后,将 输入框的del

iOS 限制输入字数完美解决方案

关于限制输入字数以前也做过,网上也很多方法. 但都不够完美,以前的测试人员也没千方百计的挑毛病,所以就糊弄过去了. 现在这个项目的测试人员为了找bug真是无所不用其极.... 1.一般方法就是通过UITextField的代理方法 #pragma mark - UITextFieldDelegate - (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementS

用javascript实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示-面试题

用javascript实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示. html <textarea name="" id="text" cols="30" rows="10" maxLength=10></textarea><br> <span id="span"></span> javascript var str = docum

Android EditText输入字数限制总结(包括中文输入内存溢出的解决方法)

限定EditText输入个数的解决方案很多,但是一般主要考虑两点,也就是处理两件事: (1)不同语言字符(英文.中文等)处理方式 (2)输入字符达到数目后,是否仍然允许用户输入 第一点,涉及的东东其实蛮多,不同语言在不同编码中占据字节数等,不同语言在U8等编码的表示范围等,这一整块知识很丰富, 自己暂时没有理的特别顺,稍后整理再说吧. 第二点,目前主流app的处理方案也各有不同,qq5.0以前的版本,发表说说貌似是没有字数限制的(我试了一个350字左右的照样发), 5.0以后限制了,这样如果用户

实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)

textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求. 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用.假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符): <script language="#"

textarea 限制输入字数

? 1 2 3 4 5 6 7 8 <script type="text/javascript">         function limitChars(id, count) {             var obj = document.getElementById(id);             if (obj.value.length > count) {                 obj.value = obj.value.substr(0, co

监听文本框输入开发仿新浪微博限制输入字数的textarea插件

监听文本框输入 Firefox.Chrome.IE9,IE10 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件. oninput 事件在用户输入.退格(backspace).删除(delete).剪切(ctrl + x).粘贴(ctrl + v)及鼠标剪切与粘贴时触发(在 IE9 中只在输入.粘贴.鼠标粘贴时触发). onpropertychange 事件在用户输入.退格(backspace).删除(delete).剪切(ctrl + x).粘

Android---3种方式限制EditView输入字数(转载)

方法一:利用TextWatcher Java代码   editText.addTextChangedListener(new TextWatcher() { private CharSequence temp; private boolean isEdit = true; private int selectionStart ; private int selectionEnd ; @Override public void beforeTextChanged(CharSequence s, i