Javascript / HTML textarea计数字母(无空格)和单词

时间:2015-06-06 22:10:31

标签: javascript jquery html textarea

我是一个编码菜鸟......我正在创作一个文本区域,用于捕获用户输入,然后计算字符(不包括空格)并计算字数。 除了最终的字符/字数外,它可以完成所有操作 任何人都可以帮助我解决我失踪的事情。

<table border="0" cellspacing="0" cellpadding="0">
  <td width="100%">
    <textarea rows="12" name="charcount" cols="60" wrap="virtual"></textarea>
  </td>
  <tr>
    <td width="100%">
      <div align="center">
        <p>
          <input type="button" value="Calculate Characters" onClick="countit(this)">
          <input type="text" name="displaycount" size="20">
        </p>
        <div align="center">
          <center>
            <font face="arial" size="-2">
          </center>
        </div>
      </div>
    </td>
  </tr>
  <td width="100%">
    <div align="center">
      <p>
        <input type="button" value="Calculate Words" onClick="countit()">
        <input type="text" name="wordcount3" size="20">
      </p>
    <div align="center">
      <center></center>
    </div>
  </div>
</td>
</tr>
</table>
</form>

1 个答案:

答案 0 :(得分:1)

计算单词边界上的字符串。

作为一种捷径,我会展示空间,但事实是,你应该更多地关注词边界的真正含义:

w = s.split(" ");

单词数量为:

w.length

同样,这是一个捷径。要获得真实数量的单词,您应该检查w中的每个项目是否为空。

没有空格的字符数只是字符串的长度减去字数减一:

s.length - (w.length - 1)

而且,这是一个粗略的方法。标点之间怎么样?对于我在这里所说的一切,有一种更准确但更复杂的方法。

编辑:这将是更好的HTML,虽然它不清楚你想要获得什么样的布局。正如我在评论中所说,我甚至不应该回答你。不知道为什么我这样做。好吧,这是:

<form>
  <table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>
        <textarea name="charcount" rows="12" cols="60" wrap="virtual"></textarea>
      </td>
    </tr>
    <tr>
      <td style="text-align: center;">
        <input type="button" value="Calculate Characters" onClick="countit(this)" />
        <input type="text" name="displaycount" size="20" readonly="readonly" />
      </td>
    </tr>
    <tr>
      <td style="text-align: center;">
        <input type="button" value="Calculate Words" onClick="countit()" />
        <input type="text" name="wordcount3" size="20" readonly="readonly" />
       </td>
    </tr>
  </table>
</form>