{"id":15572396,"date":"2022-04-19T18:23:35","date_gmt":"2022-04-19T18:23:35","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/simple-form-using-jquery-plugin\/"},"modified":"2022-04-19T18:23:35","modified_gmt":"2022-04-19T18:23:35","slug":"simple-form-using-jquery-plugin","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/simple-form-using-jquery-plugin\/","title":{"rendered":"Simple Form using JQuery Plugin"},"content":{"rendered":"

Hi Guys<\/p>\n

I just need some help embedding a simple html form on one of my wordpress pages.<\/p>\n

So my form needs to submit to a certain url and then redirect to a Thank You page.<\/p>\n

Normally in a html page i’d use the following:<\/p>\n

<html>\n<head>\n<meta http-equiv="Content-Type" content="text\/html; charset=iso-8859-1">\n<title>Test Form - Overture<\/title>\n<script src="https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7\/jquery.js"><\/script> \n<script src="https:\/\/malsup.github.io\/jquery.form.js"><\/script> \n \n<script> \n$("form").ajaxForm({\n"clearForm": false,\n"resetForm": true,\n"beforeSubmit": function() {\n},\n"success": function(json) {\nif (json.success == true)\n{\n\/\/ Form has submitted successfully.\nalert("Thank you for getting in touch.");\n} else {\nfor (name in json.errors) {\n$("form").find("[name$='" + json.errors[name] + "']").css("border-color", "red");\n};\n};\n},\n"error": function() {}\n        }); \n<\/script> \n<\/head>\n\n<body>\n\n<form method="post" action="https:\/\/overturehq.com\/formapi\/webform\/submit.json">\n  <label>Name:<\/label>\n<input type="text" name="personName">\n<label>Email Address:<\/label>\n<input type="text" name="personEmailWork">\n<label>Phone Number:<\/label>\n<input type="text" name="personPhoneWork">\n<label>Event Date:<\/label>\n<input type="datetime-local" name="booking1Date">\n<label>What would you like to discuss with us?<\/label>\n<textarea name="personNote"><\/textarea>\n<input onclick="window.location.href = 'https:\/\/www.activetalentagency.com\/booking-request-confirmation\/';" type="submit" value="Send Enquiry">\n<input type="hidden" name="key" value="MTI4NzQxNTE1NzI=">\n<\/form>\n<\/body>\n<\/html><\/code><\/pre>\n
However I cant get the JQuery script to run in WordPress. I think I may need to add it to my themes functions.php or similar.  If anyone could help that would be great.<\/p>\n","protected":false},"template":"","class_list":["post-15572396","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/15572396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/15572396\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=15572396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}