0

Tengo un pequeño buscador rápido en jquery, Quisiera comprobar cuando viene vació return ValorBusquedaDos.test($(this).text()) he tratado de sacar un console.log() o un alert() pero no me funciona.

El buscador hace su trabajo correctamente solo quisiera agregar un mensaje o algo cuando venga vació.

$(document).ready(function () {
    (function($) {
        $('#sectorBuscarDos').keyup(function () {
        var ValorBusquedaDos = new RegExp($(this).val(), 'i');
        $('.BusquedaRapidaDos .card').hide();
         $('.BusquedaRapidaDos .card').filter(function () {
            return ValorBusquedaDos.test($(this).text());
        }).show();
         $('#sectorBuscarDos').val('')
    })
    }(jQuery));
});




<input type="text" id="sectorBuscarDos"/>
<div class="BusquedaRapidaDos">
<div class="card">1</div>
<div class="card">2</div>
<div class="card">3</div>
<div class="card">4</div>
<div class="card">5</div>
<div class="card">6</div>
</div>
1
  • Hola Daniel. No veo en tu código donde intentas mandar mensaje si compruebas qie viene vacio. ¿Puedes pulsar en editar para añadir lo que has intentado y los errores o problemas concretos que has tenido ? MIra Cómo preguntar y ejemplo mínimo verificable para más info. Un saludo
    – lois6b
    Commented el 29 oct. 2018 a las 11:17

1 respuesta 1

1

Para efectuar esto, has de guardar el resultado de filter en una variable ("cards") y comprobar el tamaño del array retornado. Sería de la siguiente manera:

$(document).ready(function () {
    (function($) {
        $('#sectorBuscarDos').keyup(function () {
        var ValorBusquedaDos = new RegExp($(this).val(), 'i');
        $('.BusquedaRapidaDos .card').hide();
         var cards = $('.BusquedaRapidaDos .card').filter(function () {
            var filters = ValorBusquedaDos.test($(this).text());
            return filters;
        });
        if(cards.length === 0) console.log('void');
        cards.show();
     $('#sectorBuscarDos').val('')
    })
    }(jQuery));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="sectorBuscarDos"/>
<div class="BusquedaRapidaDos">
<div class="card">1</div>
<div class="card">2</div>
<div class="card">3</div>
<div class="card">4</div>
<div class="card">5</div>
<div class="card">6</div>
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.