{"id":25476,"date":"2022-12-10T10:14:58","date_gmt":"2022-12-10T04:44:58","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/"},"modified":"2022-12-10T10:14:58","modified_gmt":"2022-12-10T04:44:58","slug":"solved-explain-what-the-function-does-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/","title":{"rendered":"[Solved] Explain what the function does [closed]"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

It hooks the submit<\/code> event on all forms that exist as of when that code runs and, when the event occurs, prevents the default action (submitting the form) and instead dumps out the form contents to the web console.<\/p>\n

Details:<\/p>\n

\/\/  v--- 1     vvv--2        v---- 3\n    $( \"form\" ).on(\"submit\", function( event ) {\n\/\/     ^^^^^^--4   ^^^^^^^^--5         ^--- 6\n      event.preventDefault();\n\/\/          ^---7\n      console.log( $( this ).serialize() );\n\/\/    ^--8         ^-- 9     ^--10\n    });\n<\/code><\/pre>\n
    \n
  1. \n
    jQuery function, in this case looking for elements matching the selector string<\/p>\n<\/li>\n
  2. \n
    On the resulting jQuery object, call the on<\/code> function to hook up an event handler<\/p>\n<\/li>\n
  3. \n
    The function to call when the event occurs<\/p>\n<\/li>\n
  4. \n
    The selector, in this case saying to find all form<\/code> elements that exist on the page at the time this code runs<\/p>\n<\/li>\n
  5. \n
    The event to hook: form submission<\/p>\n<\/li>\n
  6. \n
    Argument to the handler: The event that occurred (an object)<\/p>\n<\/li>\n
  7. \n
    Tells the browser not to perform the default action for this event (which would be submitting the form)<\/p>\n<\/li>\n
  8. \n
    A debugging function that outputs to the web console<\/p>\n<\/li>\n
  9. \n
    That same jQuery function as in #1, but this time instead of looking for matching elements, it just wraps a jQuery object around the object in this<\/code> (which refers to the form on which the event occurred)<\/p>\n<\/li>\n
  10. \n
    jQuery’s serialize<\/code> function creates a string from the form’s field names and values<\/p>\n<\/li>\n<\/ol>\n
    Suggested reading: http:\/\/api.jquery.com<\/a>.<\/p>\n<\/p><\/div>\n
    <\/div>\n<\/div>\n
                <\/span> <\/p><\/div>\n<\/div>\n
    [ad_2]<\/p>\n
    solved Explain what the function does [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"
    [ad_1] It hooks the submit event on all forms that exist as of when that code runs and, when the event occurs, prevents the default action (submitting the form) and instead dumps out the form contents to the web console. Details: \/\/ v— 1 vvv–2 v—- 3 $( “form” ).on(“submit”, function( event ) { \/\/ … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[333],"class_list":["post-25476","post","type-post","status-publish","format-standard","hentry","category-solved","tag-javascript"],"yoast_head":"\n[Solved] Explain what the function does [closed] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Explain what the function does [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] It hooks the submit event on all forms that exist as of when that code runs and, when the event occurs, prevents the default action (submitting the form) and instead dumps out the form contents to the web console. Details: \/\/ v--- 1 vvv--2 v---- 3 $( "form" ).on("submit", function( event ) { \/\/ ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-10T04:44:58+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Explain what the function does [closed]\",\"datePublished\":\"2022-12-10T04:44:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/\"},\"wordCount\":208,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/\",\"name\":\"[Solved] Explain what the function does [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-12-10T04:44:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Explain what the function does [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Explain what the function does [closed] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Explain what the function does [closed] - JassWeb","og_description":"[ad_1] It hooks the submit event on all forms that exist as of when that code runs and, when the event occurs, prevents the default action (submitting the form) and instead dumps out the form contents to the web console. Details: \/\/ v--- 1 vvv--2 v---- 3 $( \"form\" ).on(\"submit\", function( event ) { \/\/ ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/","og_site_name":"JassWeb","article_published_time":"2022-12-10T04:44:58+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Explain what the function does [closed]","datePublished":"2022-12-10T04:44:58+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/"},"wordCount":208,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/","name":"[Solved] Explain what the function does [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-12-10T04:44:58+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-explain-what-the-function-does-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Explain what the function does [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/25476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=25476"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/25476\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=25476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=25476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=25476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}