.keypress werkt niet

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Danny von Gaal

Danny von Gaal

03/07/2015 14:07:50
Quote Anchor link
Ik wil wanneer er op enter wordt gedrukt dat de waarde wordt verwerkt in een SQL query.
Alleen wanneer ik op enter klik dan wordt heel mijn JQUERY niet getrickerd, weet iemand waarom?

Voor het voorbeeld heb ik even een window.location gedaan om te testen:

<form name="certificaat-zoeken" id="certificaat-zoeken" method="post" action="/Certificaten">
<input type="text" name="zoeken" id="zoeken" placeholder="Zoeken ...">
</form>

JQUERY in andere file:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
$('#zoeken').keypress(function(event){
   window.location = "http://www.stackoverflow.com";
});
 
PHP hulp

PHP hulp

16/08/2018 18:22:41
 
- Ariën -
Beheerder

- Ariën -

03/07/2015 14:13:25
Quote Anchor link
Je hebt wel de jQuery-library ingeladen en geinitialiseerd zoals gebruikelijk is?


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
$( document ).ready(function() {
    // Jouw code!
});
 
Wouter J

Wouter J

03/07/2015 14:41:18
Quote Anchor link
Op enter wordt een formulier verzonden. Dit kun je voorkomen door het default gedrag uit te zetten:

Code (js)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
$('#zoeken').keypress(function(event){
   event.preventDefault();

   window.location = "http://www.stackoverflow.com";
});


Maar als je alleen enter wilt afvangen, dan is het wellicht beter om te luisteren naar het "submit" event van het formulier:

Code (js)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
$('#certifaat-zoeken').submit(function (event) {
    event.preventDefault();

    // ...
});
Gewijzigd op 03/07/2015 14:41:42 door Wouter J
 
Thomas van den Heuvel

Thomas van den Heuvel

03/07/2015 15:23:24
Quote Anchor link
Als je iemand op deze manier echt redirect ben je je formuliergegevens ook kwijt. Ik neem aan dat het inderdaad de bedoeling is dat de formulier-submit wordt afgevangen en je een AJAX-request doet naar een script ofzo?
 
Anoniem M

Anoniem M

03/07/2015 15:27:18
Quote Anchor link
Dan zou de 'action' leeggelaten moeten worden.
Gewijzigd op 03/07/2015 15:28:36 door Anoniem M
 
Danny von Gaal

Danny von Gaal

03/07/2015 19:56:21
Quote Anchor link
Iedereen bedankt voor de reacties.

@ -Aar-: Ik heb de JQuery library zeker ingeladen want ik gebruik meer JQuery in me website.

@ Wouter J: Ik heb geen submit button want ik wil dat het formulier wordt verzonden wanneer er op enter wordt geklikt, is dat mijn probleem?

@ Thomas: De window.location is alleen voor test zodat ik weet dat mijn enter on keypress werkt. Uit eindelijk komt er een SQL Query aan vast via een AJAX request, ja zeker.

@ PHP Maarten: Ik heb action al leeggelaten want die bracht me naar een andere pagina en ik werk vanuit een JQuery pop box.
 
H Kse

H Kse

04/07/2015 21:26:21
Quote Anchor link
Is dit wat je zoekt,

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
$('#zoeken').keypress(function(event){
    var key = event.keyCode;
    
    if(key === 13){
        alert("Er is op enter gedrukt");
    }
});
 
Thomas van den Heuvel

Thomas van den Heuvel

05/07/2015 11:39:13
Quote Anchor link
Ik kan mij vergissen, maar als je in een tekstveld van een formulier typt en de enter-toets indrukt, wordt je formulier gesubmit, dit is standaard gedrag.

Omdat je alleen de verwerking (het afhandelen, het verzenden - hoe je het wilt noemen) van het formulier wilt afvangen, lijkt mij de tweede snippet van Wouter J de oplossing voor jou.
Gewijzigd op 05/07/2015 11:40:18 door Thomas van den Heuvel
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.