jQuery(document).ready(function() { jQuery(".search-form").submit(function(e) { // if submitted value = "easter egg" // e.preventDefault(); // show easter egg // else do nothing (let the form be submitted as usual) }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form action="https://galina.xyz/" method="get" id="adminbarsearch"> <input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /> <label for="adminbar-search" class="screen-reader-text">Search</label> <input type="submit" class="adminbar-button" value="Search" /> </form>¿Podrías ayudarme a organizar esto? No pude encontrar el valor enviado en 'e'.
No puedo encontrarlo porque su selector de clase está buscando search-form , pero no está configurado, así que agréguelo
por ejemplo <form class="search-form"..
Luego use Event.preventDefault() en el oyente para evitar el envío
por ejemplo e.preventDefault();
jQuery(document).ready(function() { jQuery(".search-form").submit(function(e) { const searchVal = $(this).find('input[type=text]').val(); if (searchVal == 'easter egg') { e.preventDefault(); console.log('surprise'); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form class="search-form" action="https://galina.xyz/" method="get" id="adminbarsearch"> <input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /> <label for="adminbar-search" class="screen-reader-text">Search</label> <input type="submit" class="adminbar-button" value="Search" /> </form>En jQuery, está creando una función de submit para .search-form , pero en su HTML, no hay ningún elemento con esa clase. Debe crear una función de submit para su formulario que tiene id="adminbarsearch" :
jQuery(document).ready(function() { jQuery("#adminbarsearch").submit(function(e) { if ($("#adminbar-search").val() === "easter egg") { // show easter egg console.log("Easter Egg"); e.preventDefault(); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form action="https://galina.xyz/" method="get" id="adminbarsearch"> <label for="adminbar-search" class="screen-reader-text">Search</label> <input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /> <input type="submit" class="adminbar-button" value="Search" /> </form>