jqueryui autocompletar limitar selecciones múltiples

Estoy usando el autocompletado de jQuery UI y estoy intentando limitar los resultados múltiples. Básicamente estoy construyendo un sistema PM. Estoy usando el autocompletar para el campo to. Pero estoy tratando de limitar la cantidad de personas a las que se puede enviar un solo mensaje. Así que, como limitar las selecciones máximas a 25.

¿Hay alguna manera de limitar esto? ¿Alguna idea sobre un indicador visual de que hayan alcanzado el máximo?

select: function( event, ui){ var terms = split( this.value ); if(terms.length <= 2) { // remove the current input terms.pop(); // add the selected item terms.push( ui.item.value ); // add placeholder to get the comma-and-space at the end terms.push( "" ); this.value = terms.join( ", " ); return false; } else { $(this).effect("highlight", {}, 1000); $(this).addClass("red"); $("#warnings").html("Max people reached"); return false; } } 

Eso se puede lograr muy fácilmente escuchando eventos . Puede hacer que el color sea rojo, por ejemplo, agregando clases y eliminando clases para autocompletar. Creo que puedes lograr esto tú mismo con un poco de esfuerzo.

 select: function( event, ui ) { var terms = split( this.value ); if(terms.length < = 2) { // remove the current input terms.pop(); // add the selected item terms.push( ui.item.value ); // add placeholder to get the comma-and-space at the end terms.push( "" ); this.value = terms.join( ", " ); return false; } else { var last = terms.pop(); $(this).val(this.value.substr(0, this.value.length - last.length - 2)); // removes text from input $(this).effect("highlight", {}, 1000); $(this).addClass("red"); $("#warnings").html("Max people reached"); return false; } } 

PD. También creo que uno de estos complementos podría ser adecuado gracias a google :


  1. https://github.com/loopj/jQuery-Tokenizing-Autocomplete-Plugin

    Se ve bien en mi opinión:

    Complemento de autocompletar tokenización de demostración

    Haga clic en el enlace para ver la demostración en vivo .

  2. http://net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget/

  3. Plugin de autocompletar JQuery de estilo de Facebook