Autocomplete con Validación

[alonsoeduardo]

Sres tengo un autocomplete que lo cargo con un webservice, desearía validarlo (lado cliente), en este caso estoy utilizando el plugin Validate, algún ejemplo de ayuda.
En mi caso lo utilizo y funciona perfectamente con todos los controles, pero validar el resultado de la selección del autocomplete no he podido... (Se resiste)
Gracias desde ya.

[gebremswar]

Hola alonsoeduardo, que tal.

Hay algún link donde podamos ver tu autocomplete actual funcionando? o te lo contrario muéstranos tu código para una solución más acertada.

Adelantándome a dar una solución casi ciegas pues, si bien no puedes validar el texto que el autocomplete agrega, quizá es porque pone elementos flotantes que no son contenidos en el supuesto input text que ha de existir, entre otras razones. Lo vez? Es difícil darte una solución adivinando como trabaja tu autocomplete.

[alonsoeduardo]

Hola:

Gracias por el interés, al final pude validar el autocomplete, lo que hice fue eliminar la "rule" (la que valida el contenido del input, porque ademas lo tengo seteado como "required") del validate en el evento "create" del autocomplete para que no se ejecutara mientras ingresaba caracteres en el input, y para validarlo le agregue la "rule" en el evento "select" del autocomplete. O sea que valide después de seleccionado.
Espero que ayude esto.

No tengo un link donde se vea ya que estoy haciendo el desarrollo localmente.

Puedo agregar el código en caso que se necesite, ya que siempre existe una solución diferente a la que uno propone.

Saludos.

[gebremswar]

Ya que pudiste solucionarlo, seria bueno que compartas con el foro el código involucrado en el problema y la solución al mismo, para que este tema sea de ayuda. O como también para revisar tu solución y obtener distintas opiniones de otros miembros.

[alonsoeduardo]

Ok acá comparto la solución que encontré.

Script del plugin Validate

Código Javascript:

jQuery("#aspnetForm").validate({
      ignore: ".ignore",
      rules: {
          '<%=txtsubrub.UniqueID %>': { required: true, remote: "subrub.ashx" }
                },
      messages: {
           '<%=txtsubrub.UniqueID %>': { remote: "La opción no existe" }
                }
            });
 

Script del Autocomplete

Código Javascript:

jQuery("#txtsubrub").autocomplete({
                source: function (request, response) {
                    var params = new Object();
                    params.prefijo = request.term;
                    params.key = jQuery("#hdkey").val();
                    jQuery.ajax({
                        url: "wserv.asmx/obtdatos",
                        data: jQuery.toJSON(params),
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
 
                        success: function (data) {
                            response(data.d);
                        },
                        error: function (result) {
                            alert("Error");
                        }
                    });
                },
                create: function (event, ui) { jQuery(this).rules('remove', 'remote'); },
                select: function (event, ui) {
                    jQuery("#hdsrub").val(ui.item.id);
                    jQuery(this).rules('add', { remote: "subrub.ashx,  messages: { remote: "La opción no existe" }
                    });
                }
            });
 

En el evento "create" del autocomplete remuevo la rule "remote" y en el evento "select" le agrego la rule.

Espero sea de ayuda.