`
jbeduhai
  • 浏览: 504396 次
  • 性别: Icon_minigender_1
  • 来自: 山东
社区版块
存档分类
最新评论

计算可以输入字数 用法

    博客分类:
  • java
阅读更多
1.第一种

div id="mod_order_remark" style="display:none;">
  <div class="write_mod">
    <div class="wmhd"> 
     <span class="order_id">
       <strong>订单号:</strong>1234567890
     </span>
     <span class="order_create_time">
        <strong>下单时间:</strong>2010-08-07 11:52</span>
        <span class="trade_company">企业:
           <a href="#" title="#">上海三星数码我友专供</a>
        <span class="btn_d">
          <input type="button" class="input_bt" value="联系我"/>
        </span>
     </span>
    </div>
    <div class="wmbd">
      <h3 class="mod_title">添加/编辑备注</h3>
      <textarea class="mod_content" name="remork" 
       id="remork" onkeydown='countChar("status","counter");'      onkeyup='countChar("remork","counter",this);'>
      </textarea>
      <span class="letter_sum">剩余字数:
       <span id="counter">250</span>/250字</span>
      <div class="return">
        <span class="btn_a">
        <input type="button" class="input_bt" 
         id="btnConfirm" value="确定" />
        </span>
        <span class="btn_a">
           <input type="button" class="input_bt" 
            id="cancelBtn" value="取消" />
        </span>
      </div>
    </div>
  </div>
</div>
引用
function countChar(textareaName,spanName,field)
{  
maxlimit=250;
document.getElementById(spanName).innerHTML = maxlimit - document.getElementById(textareaName).value.length;

    if (field.value.length > maxlimit)
    field.value = field.value.substring(0, maxlimit);
}



2.第二种
<script>   
function cal() {   
  if(a.value.length>20) {   
    a.value=a.value.slice(0,20);   
    b.value=20;   
    c.value=0;   
    }   
  else {   
    b.value=a.value.length;   
    c.value=20-eval(b.value);   
    }   
  }   
</script>   
<textarea id="a" onpropertychange="cal()"></textarea>   
已有字数:<input id=b size=5 value="0" disabled>   
剩余字数:<input id=c size=5 value="20" disabled><br> 
分享到:
评论

相关推荐

    jQuery实时计算用户输入字数代码.zip

    在这个"jQuery实时计算用户输入字数代码.zip"压缩包中,我们可以找到一个实现此功能的示例。 首先,我们要理解这个功能的基本工作原理。当用户在文本输入框(`&lt;input type="text"&gt;` 或 `&lt;textarea&gt;`)中输入文字时...

    动态计算文本框内的可输入字数

    在本场景中,"动态计算文本框内的可输入字数"是一个用户界面(UI)设计的问题,主要应用于网页、桌面应用或移动应用中,目的是为用户提供即时反馈,显示当前文本框内还能输入多少字符。这个功能对于限制用户输入长度...

    实时计算用户输入字数

    实时计算用户输入字数是网页开发中的一个常见需求,尤其在表单填写、评论系统或者在线文本编辑器等场景中非常实用。这个功能通常通过JavaScript实现,因为JavaScript是一种客户端脚本语言,可以在用户与网页交互时...

    原生js text文本框输入字数限制长度提示

    以下将详细介绍如何使用原生JavaScript实现文本框输入字数限制及长度提示。 首先,我们需要获取到文本框元素,并设置一个最大输入字数。这可以通过HTML的`maxlength`属性完成,例如: ```html ``` 这个例子中,...

    jQuery计算文本框可输入字数代码.zip

    在这个名为"jQuery计算文本框可输入字数代码.zip"的压缩包中,很可能包含了一个示例代码,用于实时计算文本框(`input[type="text"]`或`textarea`)中用户可输入的剩余字数。 首先,让我们理解`jQuery`的基础概念。...

    jQuery实现实时输入字数统计

    4. 计算输入字数,并更新显示。 5. 可选地,增加对输入限制的处理和其他用户体验优化。 通过这个例子,你可以了解到jQuery如何使JavaScript编程变得更加简洁和高效,同时也掌握了实现实时输入字数统计的方法。在...

    jQuery实时计算并提示用户输入字数功能源码.zip

    "jQuery实时计算并提示用户输入字数功能源码.zip"这个压缩包文件很可能包含了实现这一功能的具体代码示例。 首先,jQuery的核心是通过选择器来选取DOM元素,并对这些元素进行操作。在实现字数计数功能时,我们通常...

    js计算文本域剩余字数

    本文将详细介绍如何使用JavaScript来实现这个"计算文本域剩余字数"的功能。 首先,我们需要了解JavaScript的基本语法和DOM操作。JavaScript是一种解释型的、动态类型的、弱类型的脚本语言,广泛用于网页和网络应用...

    多行文本框如何限制输入字数方法一.rar

    通过这种方式,我们可以实现对多行文本框输入字数的有效控制,避免了因用户输入过量而引发的问题,同时也提供了良好的交互提示,使得网页应用更加友好。这个方法不仅适用于简单的文本限制,还可以进一步扩展,例如...

    ios-一句代码限制文本输入字数.zip

    标题"ios-一句代码限制文本输入字数.zip"和描述"一句代码限制文本输入字数"都指向了这个特定的功能实现,即如何用简洁的代码来完成此任务。在这个压缩包文件中,可能包含了一个名为"LimitInput"的示例项目或者代码...

    输入一个字,文本域中显示可输入字数减1

    该功能主要通过JavaScript实现,当用户在文本域中输入字符时,实时计算并更新文本域下方提示的“还可输入字数”。具体来说,是通过监听`onkeydown`事件来触发计算逻辑。 #### 实现原理 - **获取文本域值**:首先,...

    JS监控前台文本框输入字数

    ### JS监控前台文本框输入字数 在网页开发过程中,我们常常需要限制用户在文本框内输入的内容长度,以确保数据的有效性和系统处理的效率。本文将详细介绍如何使用JavaScript(简称JS)来实现对文本框输入字符数量的...

    EditText限制输入中文或英文字数

    总结起来,限制`EditText`输入字数的方法主要分为监听文本变化和使用`InputFilter`两种。监听文本变化方式更灵活,可以对超出限制后的输入进行处理,如清除或提示;而`InputFilter`则在输入时直接阻止不符合规则的...

    HTML5文本框输入字数限制提示特效

    例如,我们可以监听`input`事件,然后计算当前字符数并与限制值进行比较: ```javascript document.getElementById('myInput').addEventListener('input', function() { var maxLength = 140; var currentLength ...

    jQuery textarea文本框输入文字字数限制提示代码

    要限制textarea的输入字数,我们首先要获取textarea元素。在HTML中,我们可以创建一个textarea并为其设置一个ID,如`id="myTextarea"`。然后,我们可以在jQuery的选择器中使用这个ID来选择这个元素: ```html ...

    jQuery计算文本框字数及限制文本框字数的方法

    通过计算限定字数与已输入字数的差值,然后使用`Math.ceil`方法向上取整(因为要以汉字为单位显示),计算出用户还能输入的汉字数,再将这个数值显示出来。 5. 超出字数时的处理:当用户输入的字数超过限制时,除了...

    统计字数的textarea

    我们可以通过监听textarea的`input`事件来实时获取用户输入的变化,然后对textarea的`value`属性进行操作,计算其字符数。 以下是一个简单的JavaScript实现示例: ```html &lt;!DOCTYPE html&gt; 统计字数的...

    Android EditText限制输入字数的方法

    在Android开发中,`EditText` 是一个非常常用的控件,用于接收用户输入的文本。...在实际开发中,可以根据需求调整最大输入字数和提示信息的样式。此外,`TextWatcher`也可以用来执行其他复杂的文本验证和处理任务。

Global site tag (gtag.js) - Google Analytics