Cómo contar palabras en JavaScript usando JQuery

Question

Tengo un cuadro de texto html simple. Cuando "envío" el formulario en el que está el cuadro de texto, me gustaría obtener una variable con el número de palabras dentro utilizando Jquery. También me gustaría comprobar si el texto ingresado es solo letras, números y guiones (también en jquery). No necesito contar las palabras como los tipos de usuario, solo cuando se envía el formulario. El formulario no se enviará si jquery está desactivado, así que supongo que no hay riesgos de seguridad al no usar php. ¿Es esto cierto?

HTML:

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

JQUERY (intento):

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

Answer 1

Se podría dividir la cadena y luego contar el longitud de la matriz resultante.

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

Answer 2

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

Suponiendo que cada palabra está separado por un espacio

Answer 3

se pueden especificar varios caracteres para dividir la cadena de fuente:

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

Answer 4

es muy útil para eliminar los espacios en blanco del principio y el final de la cadena de usign $.trim(). Puede usar el evento keyup para un recuento de en tiempo real.

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

Answer 5

una ligera mejora en otras respuestas que se ocupa de más casos extremos. es decir, utilizando múltiples espacios y puntuación juntos y también maneja la puntuación al principio y al final del texto correctamente.

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

Primero quita cualquier puntuación y espacios al principio y al final del texto y luego cuenta lo que queda. Obviamente, uno puede agregar más puntuación (como signos de exclamación) si es necesario.

Answer 6

Usando la expresión regular a continuación nos permite eliminar cualquier tipo de espacio en blanco (individual o múltiplos) para que el recuento sea muy preciso.

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

Ver este plugin jQuery que he desarrollado:

https://github.com/mcdesignpro/maxLenght