1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

jQuery equivalent "on (release, keyPress "<Enter>") {"

Discussion in 'jQuery' started by Kyriakos, Jun 18, 2013.

0
  1. #1
    Hi.
    i want to send some variable with jQuery but i have only a script for "onclick" function. i want also to send the variable on keypress "enter". equivalent of flash actionscript code: "on (release, keyPress "<Enter>") {"
    this is my script:
    $(function() {
$("#sendmail").click(function() {
 
var email = $("#email").val();
var dataString = 'email='+email;
 
if(email != '') {
$.ajax({
type: "POST",
url: "sendmail.asp",
data: dataString,
cache: false,
success: function(html){
$("#email").val("");
}
});
} return false;
}
});
});
 
<input id="email" type="text"/><input value="Submit" id="sendmail" type="submit"/>
    Code (markup):
    how i can send the variable onClick or onEnter?
    thanks in advance
     
    Last edited: Jun 18, 2013
    Kyriakos, Jun 18, 2013 IP
  2. HuggyStudios

    HuggyStudios Well-Known Member

    Messages:
    724
    Likes Received:
    20
    Best Answers:
    26
    Trophy Points:
    165
    #2
    You need to use: http://api.jquery.com/keypress/

    I've written this code below, it's tested and works fine.

    
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Enter key press</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
   //$("#sendmail").click(function() { old click event
   $("#email").keypress(function(event) { // new keypress event
       if(event.which == 13 ) { // 13 is the enter key
           event.preventDefault();
           var email = $("#email").val();
           var dataString = 'email='+email;
           if(email != '') {
               $.ajax({
               type: "POST",
               url: "sendmail.asp",
               data: dataString,
               cache: false,
                   success: function(html){
                       $("#email").val("");
                   }
               });
           }
           return false;
       }else{
           return true;    
       }
       
   });
});
</script>
</head>
 
<body>
<input id="email" type="text"/><input value="Submit" id="sendmail" type="submit"/>
</body>
</html>
    Code (markup):
    Let me know how it goes.
     
    HuggyStudios, Jun 18, 2013 IP