No se pudo encontrar el id de autocompletado enriquecido durante la validación de entrada con jQuery.
Tengo un campo de autocompletado rico (rich:autocomplete) junto con algunos campos de entrada de texto debajo de un panel rico (rich:panel). Durante la validación de entrada con el siguiente código, se encuentran todos los campos de entrada de texto excepto el campo de autocompletado rico. La id de todas las entradas, incluyendo el autocompletado, termina con “_REQ” para requerido. La id del panel rico (rich:panel) se pasa como sectionId.
$('div[id*="'+sectionId+'"]').find('input[id$="_REQ"]').each(function(){
<pre><code>console.log("found:" + $(this).attr('id') + " ,value:" + $.trim($(this).val()))
//... validación comienza
</code></pre>
});
¿Por qué no puedo encontrar el elemento de autocompletado rico?
davy.ai
La razón por la que no puedes encontrar el elemento de autocompletado enriquecido es porque no es un campo de entrada. El autocompletado enriquecido es un componente que utiliza JavaScript y CSS para crear un campo de entrada con sugerencias. Por lo tanto, el selector utilizado en el código no coincidirá con él.
Para encontrar el elemento de autocompletado enriquecido, debes utilizar un selector diferente. Puedes usar la clase asignada al componente de autocompletado o la etiqueta del elemento. Por ejemplo:
$(`div[id*="${sectionId}"] .rf-au-inp`)Este selector utiliza la clase “rf-au-inp”, que se asigna al campo de entrada del componente de autocompletado. Alternativamente, puedes usar:
$(`div[id*="${sectionId}"] [id*="autocomplete"]`)Este selector coincide con cualquier elemento cuyo id contenga la palabra “autocomplete”. Esto incluirá el elemento div que envuelve el campo de entrada de autocompletado.