javascript - JQueryを使用してJavaScriptで単語をカウントする方法

Question

単純なhtmlテキストボックスがあります。テキストボックスが入っているフォームを「送信」するとき、Jqueryを使用して内部の単語数を含む変数を取得したいと思います。また、入力されたテキストが文字、数字、ハイフンのみであるかどうかを確認したいと思います（jqueryでも）。フォームが送信されたときだけ、ユーザーが入力した単語を数える必要はありません。jqueryがオフになっているとフォームは送信されないので、phpを使用しないことによるセキュリティリスクはないと思います。これは本当ですか？

HTML：

<input type='text' name='name' id='name' />
<input type='button' value='Sign Up' id='signUp'>

JQUERY（試行）：

var wordcount = $('#name').val()  // i don't know how to count the words

score 21 · Accepted Answer

文字列を分割してから、結果の配列の長さを数えます。

$('input[type="submit"]').click( function() {
    var words = $('#name').val().split(' ');
    alert(words.length);
});

score 8 · Accepted Answer

より多くのエッジケースを扱うように、他の回答をわずかに改善します。つまり、複数のスペースと句読点を一緒に使用し、テキストの最初と最後の句読点も適切に処理します。

var numOfWords = $('#name').val().replace(/^[\s,.;]+/, "").replace(/[\s,.;]+$/, "").split(/[\s,.;]+/).length;

最初にテキストの最初と最後の句読点とスペースを取り除き、次に残っているものを数えます。明らかに、必要に応じて句読点（感嘆符など）を追加できます。

score 3 · Accepted Answer

以下の正規表現を使用すると、カウントが非常に正確になるように、あらゆる種類の空白（単一または倍数）を削除できます。

$('#name').keyup(function(){
   var wordCount = $(this).val().split(/[\s\.\?]+/).length;
   console.log(wordCount);
});

私が開発したこのjQueryプラグインを参照してください。

https://github.com/mcdesignpro/maxLenght

score 3 · Accepted Answer

split()JavaScriptメソッドを使用して、文字列内の単語数を数えることができます。このメソッドは、スペース""である指定された文字によって文字列を部分文字列の配列に分割するだけです。次に、「words」配列の長さを表示します。

$('input[type="button"]').click( function() {
    var words = $('#name').val().split(" ");
    alert(words.length);
});

次に例を示します。JQueryを使用して単語をカウントする方法

score 2 · Accepted Answer

文字列usignの最初と最後から空白を削除するのに非常に便利です$.trim()。keyupイベントを使用してリアルタイムでカウントできます。

$('#name').keyup(function(){
    var words = $.trim($(this).val()).split(' ');
    console.log(words.length);
});

score 1 · Accepted Answer

var str = $('#name').val(),
    count = str.split(' ').length;

各単語がスペースで区切られていると仮定します

score 1 · Accepted Answer

複数の文字を指定して、ソース文字列を分割できます。

$('input[type="submit"]').click( function() {
    var words = $('#name').val().split(/[\s\.,;]+/);
    console.log(words.length);
});

score -1 · Accepted Answer

JQueryを使用してJavaScriptで単語をカウントするには、これを試してください。

$(document).ready(function(){
    $("button").click(function(){
        var words = $.trim($("#name").val()).split(" ");
        alert(words.length);
    });
});

JQueryを使用してJavaScriptで@Countwordsをもっと見る

javascript - JQueryを使用してJavaScriptで単語をカウントする方法

8 に答える 8

Related

Reference