{"id":13359,"date":"2022-10-03T20:36:05","date_gmt":"2022-10-03T15:06:05","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/"},"modified":"2022-10-03T20:36:05","modified_gmt":"2022-10-03T15:06:05","slug":"solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/","title":{"rendered":"[Solved] Buttons must be pressed in a specific order to send the form – jquery"},"content":{"rendered":"

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

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

you can do something like this: foreach click on an answer button disabele the current button update the input value..and once the user clicks all answers button check if the combination is correct, if it is the case redirect your page.<\/p>\n<\/p>\n

\n
\n
$(function () {\r\n    var correct_order=\"321\";\r\n    var clicks=0;\r\n    var max_clicks=$('.answer').length;\r\n    $('.answer').click(function(e) {\r\n        clicks++;\r\n        $('#text1').val($('#text1').val()+$(this).data('info'));  \r\n        $(this).attr(\"disabled\", true);\r\n        if(clicks==max_clicks){\r\n          if( $('#text1').val()==correct_order) {\r\n               $('#answer_info').html(\"<p>Correct answer<\/p>\");\r\n               window.location.href = \"https:\/\/yourpage\";\r\n          }\r\n          else  {\r\n               $('#answer_info').html(\"<p>Wrong answer<\/p>\");\r\n          }\r\n        }\r\n\r\n    });\r\n});<\/code><\/pre>\n
<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.9.0\/jquery.min.js\"><\/script>\r\n<form  method=\"POST\">\r\n<input type=\"text\"  value=\"\" id=\"text1\" name=\"text1\" style=\"width: 150px;\" \/>\r\n<br \/>\r\n<input type=\"button\" value=\"Click Me\" id=\"1\" class=\"answer\"  data-info=\"1\"\/>\r\n<input type=\"button\" value=\"Click Me\" id=\"2\" class=\"answer\"  data-info=\"2\"\/>\r\n<input type=\"button\" value=\"Click Me\" id=\"3\" class=\"answer\"  data-info=\"3\"\/>\r\n\r\n<\/form>\r\n<div id=\"answer_info\">\r\n\r\n<\/div><\/code><\/pre>\n<\/div>\n<\/div><\/div>\n
<\/div>\n<\/div>\n
            1<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved Buttons must be pressed in a specific order to send the form – jquery <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] you can do something like this: foreach click on an answer button disabele the current button update the input value..and once the user clicks all answers button check if the combination is correct, if it is the case redirect your page. $(function () { var correct_order=”321″; var clicks=0; var max_clicks=$(‘.answer’).length; $(‘.answer’).click(function(e) { clicks++; $(‘#text1’).val($(‘#text1’).val()+$(this).data(‘info’)); … 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":[346,333,388],"class_list":["post-13359","post","type-post","status-publish","format-standard","hentry","category-solved","tag-html","tag-javascript","tag-jquery"],"yoast_head":"\n[Solved] Buttons must be pressed in a specific order to send the form - jquery - 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-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Buttons must be pressed in a specific order to send the form - jquery - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] you can do something like this: foreach click on an answer button disabele the current button update the input value..and once the user clicks all answers button check if the combination is correct, if it is the case redirect your page. $(function () { var correct_order="321"; var clicks=0; var max_clicks=$('.answer').length; $('.answer').click(function(e) { clicks++; $('#text1').val($('#text1').val()+$(this).data('info')); ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-03T15:06:05+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-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Buttons must be pressed in a specific order to send the form – jquery\",\"datePublished\":\"2022-10-03T15:06:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/\"},\"wordCount\":74,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"html\",\"javascript\",\"jquery\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/\",\"name\":\"[Solved] Buttons must be pressed in a specific order to send the form - jquery - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-10-03T15:06:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Buttons must be pressed in a specific order to send the form – jquery\"}]},{\"@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] Buttons must be pressed in a specific order to send the form - jquery - 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-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Buttons must be pressed in a specific order to send the form - jquery - JassWeb","og_description":"[ad_1] you can do something like this: foreach click on an answer button disabele the current button update the input value..and once the user clicks all answers button check if the combination is correct, if it is the case redirect your page. $(function () { var correct_order=\"321\"; var clicks=0; var max_clicks=$('.answer').length; $('.answer').click(function(e) { clicks++; $('#text1').val($('#text1').val()+$(this).data('info')); ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/","og_site_name":"JassWeb","article_published_time":"2022-10-03T15:06:05+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-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Buttons must be pressed in a specific order to send the form – jquery","datePublished":"2022-10-03T15:06:05+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/"},"wordCount":74,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["html","javascript","jquery"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/","url":"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/","name":"[Solved] Buttons must be pressed in a specific order to send the form - jquery - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-10-03T15:06:05+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-buttons-must-be-pressed-in-a-specific-order-to-send-the-form-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Buttons must be pressed in a specific order to send the form – jquery"}]},{"@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\/13359","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=13359"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/13359\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=13359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=13359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=13359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}