Estoy usando el menú desplegable de autocompletar siguiendo este enlace a continuación,

https://www.jqueryscript.net/form/tags-autocompletar-desplegable.html

El siguiente es mi código,

 <div class="pf-field"> <input type="text" id="categories" name="categories" class="tags_input"> </div> <script> $(function(){ var data = [ 'History', 'Civics', 'Geogpraphy', 'Science', 'Economics', 'Arts', 'Chemistry', 'Mathematics', 'Language', 'Computer', ]; $(".tags_input").tagComplete({ keylimit: 1, hide: false, autocomplete: { data: data } }); }); </script>

Pero jQuery Validation no funciona en su campo de entrada.

 $(function(){ var $profile = $('#profile'); if($profile.length){ $profile.validate({ errorElement: 'span', rules:{ categories:{ required: true } }, messages:{ categories:{ required:'Categories are mandatory!' } } }) } })

Sin embargo, si class="tags_input" del campo de entrada, entonces comienza a funcionar.

Puede alguien ayudarme ?