Quote with Twitter Demo
Posted on May 14, 2018 in JavaScript, jQuery, WordPress by Matt Jennings
This is an example quote!
Blog
Archive for the jQuery Category
Quote with Twitter Demo
A Simple jQuery Slideshow
Posted on October 31, 2015 in JavaScript, jQuery by Matt Jennings
See the JSFiddle for this code including the jQuery, CSS, and HTML.
How to Mimic Simulate the input placeholder Attribute in Internet Explorer 9 Using Plain JS and jQuery
Posted on October 31, 2015 in JavaScript, jQuery by Matt Jennings
Using OOP JavaScript and jQuery to Shuffle a Deck of Cards, Deal a First Card, Deal a Random Card, and use this
Posted on July 9, 2015 in JavaScript, jQuery by Matt Jennings
Some of the code snippets below are from my deck of cards JavaScript game that uses object constructors,
Read more…
Using .submit(), return false, and .serialize() with Forms
Posted on June 9, 2015 in jQuery by Matt Jennings
Example code below of what .submit(), return false, and .serialize() in jQuery do when used with forms:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 | <!DOCTYPE html> <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> $(function(){ // Definition of .submit(): // .submit() binds an event handler to the // "submit" JavaScript event, or triggers // that event on an element. // .submit() handler gets attached to a form $("form").submit(function() { // Definition of .serialize(): // Encode a set of form elements as a string for submission. // Example output for a FORM submission // using .serialize(): // first_name=Jane&last_name=Doe&email=jane%40example.com console.log($(this).serialize()); // return false; below stops page from // executing post.php and refreshing return false; }); // Triggers a submit event on the form when I // click the element with a .btn class $(".btn").click(function() { $("form").submit(); }); }); </script> </head> <body> <form action="post.php" method="post"> First Name <input name="first_name" type="text" /><br /><br /> Last Name <input name="last_name" type="text" /><br /><br /> Email <input name="email" type="text" /><br /><br /> <input value="submit!" type="submit" /> </form> <button class="btn">Click me to use .submit() differently!</button> </body> </html> |