如何计算文本字段中的单词数

时间:2015-03-26 02:02:23

标签: javascript html

我有一个用户在文本框html中输入biograpgy,这是

<p>Biography:
            <input type="text" id="biography" name="biography"   /> 
            <span id="biographyInvalid" style="color:red; visibility:hidden"> Biography is Invalid </span>
        </p>

对于Javascript我有一个被调用的checkme函数,我想在其中进行检查

function checkme(){

    var biography=document.getElementById('biography').value;
}

我如何计算单词数量,首先将其转换为字符串然后用空格分隔

4 个答案:

答案 0 :(得分:0)

<div>
<div id="count">145</div>
<div id="barbox"><div id="bar"></div></div>
</div>
<textarea id="contentbox"></textarea>

和js

<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#contentbox").keyup(function()
{
var box=$(this).val();
var main = box.length *100;
var value= (main / 145);
var count= 145 - box.length;

if(box.length <= 145)
{
$('#count').html(count);
$('#bar').animate(
{
"width": value+'%',
}, 1);
}
else
{
alert(' Full ');
}
return false;
});

});
</script>


$('#contentbox').keyup(function(){} - contentbox is the ID of the textbox.
 Using $(this).val() getting the textbox value. 
bar is the div ID of the count meter $('#bar').animate() increasing the width. 

答案 1 :(得分:0)

import urllib
from pprint import pprint

invalid_url = 'dkakasdkjdjakdjadjfalskdjfalk'
valid_url = 'https://stackoverflow.com'
tokens = [urllib.parse.urlparse(url) for url in (invalid_url, valid_url)]

for token in tokens:
    pprint(token)

min_attributes = ('scheme', 'netloc')  # add attrs to your liking
for token in tokens:
    if not all([getattr(token, attr) for attr in min_attributes]):
        error = "'{url}' string has no scheme or netloc.".format(url=token.geturl())
        print(error)
    else:
        print("'{url}' is probably a valid url.".format(url=token.geturl()))

这为您提供正确的单词计数

答案 2 :(得分:0)

这是工作示例 HTML

<form name="myform" method="post" action="">
<textarea name="inpString" cols="80" rows="4"  onkeyup="countNoOfWords()"  >This is a sample text that has been typed to count the number of words it contains. Click the button below to find out.</textarea>
<br />
  <input name="noofwords" type="text" value="" size="6" />
</form>

JS函数

<script type="text/javascript"> 
function countNoOfWords(){
 document.myform.noofwords.value = document.myform.post_content.value.split(' ').length;
}
</script> 

reference

答案 3 :(得分:-2)

$('input').keyup(function() {
   var cs = this.value.match(/\S+/g).length;
   $('#biography').text(cs);
});

演示 - http://jsfiddle.net/hNn5b/685/