Cách đếm các từ trong JavaScript bằng cách sử dụng JQuery

Question

Tôi có một hộp văn bản html đơn giản. Khi tôi "gửi" biểu mẫu có hộp văn bản, tôi muốn có một biến với số lượng từ bên trong bằng cách sử dụng Jquery. Tôi cũng muốn kiểm tra xem văn bản đầu vào có phải chỉ là chữ cái, số và dấu gạch ngang (cũng có trong jquery) hay không. Tôi không cần phải đếm các từ khi người dùng nhập, chỉ khi biểu mẫu được gửi. Các hình thức sẽ không gửi nếu jquery được tắt vì vậy tôi đoán không có rủi ro bảo mật bằng cách không sử dụng php. Điều này có đúng không?

HTML:

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

jQuery (nỗ lực):

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

Answer 1

Bạn sẽ chia chuỗi và sau đó đếm chiều dài của mảng kết quả.

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

Answer 2

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

Giả sử rằng mỗi từ được tách ra bởi một không gian

Answer 3

Bạn có thể chỉ định nhiều nhân vật để chia chuỗi nguồn của bạn:

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

Answer 4

là rất hữu ích để loại bỏ khoảng trắng từ đầu và cuối của chuỗi usign $.trim(). Bạn có thể sử dụng sự kiện keyup để đếm thời gian thực.

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

Answer 5

Một cải tiến nhỏ về các câu trả lời khác như được đề cập đến nhiều trường hợp cạnh hơn. tức là sử dụng nhiều dấu cách và dấu chấm câu cùng nhau và cũng xử lý dấu chấm câu ở đầu và cuối văn bản chính xác.

Trước tiên, nó bỏ dấu chấm câu và dấu cách ở đầu và cuối văn bản, sau đó đếm số còn lại. Rõ ràng người ta có thể thêm dấu chấm câu (như dấu chấm than) nếu cần.

Answer 6

Sử dụng cụm từ thông dụng bên dưới cho phép chúng tôi xóa bất kỳ loại khoảng trắng nào (đơn hoặc bội số) sao cho số lượng rất chính xác.

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

Xem plugin này jQuery tôi đã phát triển: "Làm thế nào để đếm số từ trong JavaScript sử dụng JQuery"

https://github.com/mcdesignpro/maxLenght