{"id":19,"date":"2024-04-24T08:35:57","date_gmt":"2024-04-24T08:35:57","guid":{"rendered":"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/?page_id=19"},"modified":"2024-05-01T06:27:51","modified_gmt":"2024-05-01T06:27:51","slug":"inquiry-form-with-floating","status":"publish","type":"page","link":"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/inquiry-form-with-floating\/","title":{"rendered":"Inquiry Form Design 2"},"content":{"rendered":"\r\n\t\t\t<!-- <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script> -->\r\n\r\n\t\t\t<script src=\"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-content\/plugins\/spicy-form\/libs\/validationEngine\/js\/jquery-1.8.2.min.js\"><\/script>\r\n\t\t\t<script src=\"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-content\/plugins\/spicy-form\/libs\/validationEngine\/js\/jquery.validationEngine-en.min.js\"><\/script>\r\n\t\t\t<script src=\"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-content\/plugins\/spicy-form\/libs\/validationEngine\/js\/jquery.validationEngine.min.js\"><\/script>\r\n\r\n\t\t\t\t\t<script src=\"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-content\/plugins\/spicy-form\/assets\/css\/accordian\/jquery-ui.min.js\"><\/script>\r\n\r\n\t\t<script type=\"text\/javascript\">\r\n\r\n\t\tjQuery(document).ready(function () {\r\n\r\n\t\t\t$('#spcf_form').validationEngine({ promptPosition: \"bottomLeft\", maxErrorsPerField: 1 });\r\n\r\n\r\n\t\t\tsetTimeout(function () {\r\n\r\n\t\t\t\t$('#successMessage').fadeOut('fast');\r\n\r\n\t\t\t}, 10000); \/\/ <-- time in milliseconds\r\n\r\n\t\t\t\/\/ datepicket script\r\n\r\n\t\t\t$('.birth_date').datepicker({\r\n\t\t\t\tchangeMonth: true,\r\n\t\t\t\tchangeYear: true,\r\n\t\t\t\t\/\/ maxDate: 0,\r\n\t\t\t\tyearRange:'-65:+25',\r\n\t\t\t\tbeforeShow: function (textbox, instance)\r\n\t\t\t\t{\r\n\t\t\t\t\tinstance.dpDiv.css({\r\n\t\t\t\t\t\tmarginTop: (-textbox.offsetHeight) + 'px'\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\r\n\r\n\t\t});\r\n\t\tfunction spicy_fileCheck(obj)\r\n\t\t{\r\n\t\t\/\/ \"use strict\";\r\n\t\tvar fileExtension = $(obj).attr('file_type');\r\n\r\n\t\t\tvar fileExtensionArr = fileExtension.split(',');\r\n\t\t\tvar file_size = $(obj).attr('size');\r\n\r\n\t\t\tvar sizeInkb = obj.files[0].size\/1024;\r\n\r\n\t\t\tif ($.inArray($(obj).val().split('.').pop().toLowerCase(), fileExtensionArr) == -1)\r\n\t\t\t{\r\n\t\t\t\talert(\"Only \"+fileExtension+\" formats are allowed.\");\r\n\t\t\t\t$(obj).val('');\r\n\t\t\t}\r\n\t\t\telse if(sizeInkb > file_size)\r\n\t\t\t{\r\n\t\t\t\talert(\"Only \"+file_size+\" kb size is allowed.\");\r\n\t\t\t\t$(obj).val('');\r\n\t\t\t}\r\n\t\t}\r\n\t\t<\/script>\r\n\t\t<div class=\"spcf-form-content\"><div id=\"spcf-erroe-block\"><\/div>\r\n\r\n\r\n\r\n\r\n\t\t<form name='spcf-form' class='spcf_form' method='post' id='spcf_form' enctype='multipart\/form-data'>\r\n\r\n\t\t<input type=\"hidden\" name=\"form_id\" value=\"14\" id=\"form_id\"><input type=\"hidden\" name=\"MJ_spcf_form_submit\" value=\"yes\"><input type=\"hidden\" name=\"spcf_post_type\" value=\"spcf_contact_form\">\t\t<div class=\"row\">\r\n\t\t\r\n\t\t\t\t\r\n          <div class=\"col-md-12 input mb-3\" id=\"input_size\">\r\n\r\n            <input type=\"text\" name=\"Name\"\r\n\r\n                    class=\"input-texter form-control validate[required,custom[onlyLetterSp]]awesomelabel-params-css\"\r\n\r\n                    size=\"\"\r\n\r\n                    maxlength=\"\"\r\n\r\n                    value =\"\"\r\n\r\n                    id=\"\"\r\n\r\n                    data-label=\"\"\r\n                  \/>\r\n                  <label class=\"margin_left_10\" for=\"\">Name <span class=\"spcf_required\">*<\/span><\/label>\r\n                    <div class=\"error_message Name\"><\/div>\r\n          <\/div>\r\n\r\n\r\n      \r\n\t\t\t\t\r\n\t\t\t\t                <div class=\"col-md-12 input mb-3\" id=\"input_size\">\r\n\r\n                    <input type=\"email\" name=\"Email\"\r\n\r\n                    class=\"input-texter form-control validate[required,custom[email]]awesomelabel-params-css form-control\"\r\n\r\n                    size=\"\"\r\n\r\n                    maxlength=\"\"\r\n\r\n                    id=\"email  \"\r\n\r\n                    value = \"\"\r\n\r\n                    data-label=\"Email \" \/>\r\n\r\n                    <label class=\"margin_left_10\" for=\"\">Email <span class=\"spcf_required\">*<\/span><\/label>\r\n\r\n                    <div class=\"error_message Email\" id='emailerror'><\/div>\r\n\t\t\t\t\t\t\t <\/div>\r\n\r\n      \r\n\t\t\t\t\r\n\t\t\t\t\r\n          <div class=\"col-md-12 input mb-3\" id=\"input_size\">\r\n\r\n                <input type=\"text\" name=\"Mobile_No\"\r\n\r\n                  class=\"input-texter form-control validate[required,custom[phone_number]] awesomelabel-params-css\"\r\n\r\n                  size=\"\"\r\n\r\n                  maxlength=\"\"\r\n\r\n                  id=\"mo_number \"\r\n\r\n                  data-label=\"Mobile No \"\/>\r\n\r\n                  <label class=\"margin_left_10\">Mobile No <span class=\"spcf_required\">*<\/span><\/label>\r\n\r\n\r\n                \t\t\t<div class=\"error_message Mobile_No\"><\/div>\r\n\r\n             <\/div>\r\n\r\n\r\n      \r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"col-md-12 input mb-3\" id=\"input_size\">\r\n\r\n\t\t\t\t<input type=\"text\" name=\"Date_of_Birth\"\r\n\r\n\t\t\t\tclass=\"validate[required]  datepicker birth_date awesomelabel-params-css\"\r\n\r\n\t\t\t\tid=\"\"\r\n\r\n\t\t\t\tdata-label=\"Date of Birth \"\/>\r\n\r\n\t\t\t\t<label class=\"custom-top-label top margin_left_10\" for=\"date\">Date of Birth <span class=\"spcf_required\">*<\/span><\/label>\r\n\r\n\t\t\t\t<div class=\"error_message Date_of_Birth\"><\/div>\r\n\r\n\t\t\t<\/div>\r\n\r\n      \r\n\t\t\t\t\r\n\t\t\t\t            <div class=\"col-md-12 mb-3\">\r\n\r\n                <div class=\"padding_7 custom_set\">\r\n\r\n                    <label class=\"custom-textarea checkbox_label\">Hobbies <span class=\"spcf_required\">*<\/span><\/label>\r\n\r\n                    \r\n                            <input type=\"checkbox\"\r\n                            class=\"validate[required]\"\r\n                            value=\"Cricket\"\r\n                            name=\"Hobbies[]\" id=\"Cricket\" >\r\n\r\n                            <label class=\"radio-inline margin_top-7\" for=\"Cricket\"> Cricket<\/label>&nbsp;&nbsp;&nbsp;\r\n\r\n                            \r\n                            <input type=\"checkbox\"\r\n                            class=\"validate[required]\"\r\n                            value=\"Chess\"\r\n                            name=\"Hobbies[]\" id=\"Chess\" >\r\n\r\n                            <label class=\"radio-inline margin_top-7\" for=\"Chess\"> Chess<\/label>&nbsp;&nbsp;&nbsp;\r\n\r\n                            \r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            \r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"col-md-12 input mb-3\">\r\n\r\n\t\t\t\t\t<select name=\"eduction\" class=\"validate[required]\" >\r\n\r\n\t\t\t\t\t<option value=\"\" >Choose your Option<\/option>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<option value=\"12th\">12th<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t<option value=\"Graduation\">Graduation<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t<option value=\"Post Graduation\">Post Graduation<\/option>\r\n\t\t\t\t\t\t\t\t\t\t<\/select>\r\n\r\n\t\t\t\t\t<label for=\"wcwm_custom_lable\" class=\"custom-top-label top margin_left_10 dropdown_label\" >eduction <span class=\"spcf_required\">*<\/span><\/label>\r\n\r\n\t\t\t\t\t<div class=\"error_message eduction\"><\/div>\r\n\r\n\t\t\t\t<\/div>\r\n\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n          <div class=\"col-md-12 input mb-3\" id=\"input_size\">\r\n\r\n                <input type=\"text\" name=\"Website\"\r\n\r\n                class=\"input-texter form-control validate[required,custom[url]] awesomelabel-params-css  \"\r\n\r\n                size=\"\"\r\n\r\n                maxlength=\"\"\r\n\r\n                id=\"\"\r\n\r\n                value = \"\"\r\n\r\n\r\n                data-label=\"Website \"\/>\r\n\r\n                <label class=\"margin_left_10\" for=\"\">Website\t <span class=\"spcf_required\">*<\/span><\/label>\r\n\r\n\t\t\t\t\t\t\t  <div class=\"error_message Website\"><\/div>\r\n\r\n            <\/div>\r\n\r\n      \r\n\t\t\t\t\r\n\t\t\t\t\r\n            <div class=\"col-md-12 position_relative mb-3\" id=\"input_size\">\r\n                <label class=\"custom-textarea\" for=\"\">Address <span class=\"spcf_required\">*<\/span><\/label>\r\n                <textarea name=\"Address\"\r\n                    class=\"form-control textarea_css text-input validate[required,custom[address_description_validation]]awesomelabel-params-css\"\r\n                    data-label=\"Address \"\r\n                    rows=\"\"\r\n                    cols=\"\"\r\n                    maxlength=\"\"\r\n                    placeholder=\"\"\r\n                    value=\"\"\r\n                    id=\"\" style=\"width: 100%\";><\/textarea>\r\n\r\n                <div class=\"error_message Address\"><\/div>\r\n\r\n            <\/div> <!-- End section -->\r\n\r\n\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t\t            <div class=\"col-md-12 input mb-3\" id=\"input_size\">\r\n                <input type=\"file\" id=\"uploadFile\" name=\"Attachment\"\r\n                       class=\"custom_set choose_file validate_file image_path_dots validate[required]\"\r\n                       size=\"2000\"\r\n                       file_type=\"jpg,jpeg,png,pdf\" onchange=\"spicy_fileCheck(this)\" \/>\r\n                <input type=\"hidden\" name=\"is_file\" value=\"Attachment\" id=\"file\" \/>\r\n                <label class=\"custom-top-label top margin_left_10\" for=\"\">Attachment <span class=\"spcf_required\">*<\/span><\/label>\r\n                <div class=\"error_message file_error Attachment\"><\/div>\r\n            <\/div>\r\n\r\n\r\n        \r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\r\n\t\t\t\r\n\t\t\t\t\t<div class=\"col-md-12\" data-callback='recaptchacallback'\r\n\t\t\t\t\t\tid=\"recaptcha_show\">\r\n\t\t\t\t\t\t<div class=\"g-recaptcha\" data-sitekey=\"6LfJjGMlAAAAAHWAAfWi1lwkKLsIaoS9fYPnfuBG\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t       <div class=\"col-md-12\">\r\n            <input type=\"hidden\" name=\"contact_form\" value=\"contact_yes\" \/>\r\n\r\n            <button type=\"submit\" name=\"Submit\"\r\n                class=\"submit_button_set margin_top_15 \"\r\n                id=\"spcf-submit\"\r\n                style=\"color: white; background: #375699;\">\r\n                Submit            <\/button>\r\n        <\/div>\r\n        \r\n\t\t\t\t\t\t<\/div>\r\n\t\t<\/form><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/my-account.php","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":5,"href":"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-json\/wp\/v2\/pages\/19\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/pushnifty.com\/mojoomla\/extend\/wordpress\/spicy-form\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}