{"id":757,"date":"2024-08-17T19:57:55","date_gmt":"2024-08-17T11:57:55","guid":{"rendered":"https:\/\/staging.ubom.org\/checkouts\/ubom-membership\/"},"modified":"2024-11-05T22:14:56","modified_gmt":"2024-11-05T14:14:56","slug":"membership","status":"publish","type":"wfacp_checkout","link":"https:\/\/ubom.org\/zh\/sign-up\/membership\/","title":{"rendered":"Membership"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"757\" class=\"elementor elementor-757\" data-elementor-post-type=\"wfacp_checkout\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fe4d3b e-flex e-con-boxed e-con e-parent\" data-id=\"7fe4d3b\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3774b7 elementor-widget elementor-widget-heading\" data-id=\"f3774b7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 30-04-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-default\">Membership Registration Form<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-978cabd elementor-drop-cap-view-default elementor-widget elementor-widget-text-editor\" data-id=\"978cabd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 30-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p><b>United Buddhist Order of Malaysia (UBOM)<\/b><\/p><p>UBOM is a nationally recognized Buddhist organization registered with the Registrar of Societies in Malaysia. Founded and guided by the Thai Forest Tradition, its mission is to foster collaboration among Buddhists and organizations both within Malaysia and internationally.<\/p><p><b>United Buddhist Order of Penang (UBOP)<br \/><\/b>UBOP is a state-level Buddhist organization based in Penang, representing the state with pride. It manages the Vihara BoonRaksa Forest Monastery and is dedicated to serving the needs of the local Buddhist\u00a0community.<\/p><p>Please fill up the form below. The system will generate a unique submission number when you submit the form. Please indicate the submission number when making payment.<\/p><p><b>Membership Fee<\/b><\/p><p>One-off Administration Charge \u2013 RM10<br \/>Annual Membership Fee &#8211; RM12 per year (payable on a pro-rata basis upon joining. Eg. If you join in July 20xx, the fees payable for that 20xx year will be RM6).<br \/>Membership Renewal Fee &#8211; fixed at RM12 per year.<br \/><br \/><\/p><p>Note: To be a member, you must be 20 years old or older.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a734c0 elementor-widget elementor-widget-shortcode\" data-id=\"0a734c0\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><p>Please log in to check your membership status.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-245a404 elementor-widget elementor-widget-html\" data-id=\"245a404\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src=\"http:\/\/code.jquery.com\/ui\/1.11.0\/jquery-ui.js\"><\/script>\n<script src=\"https:\/\/rawgit.com\/RobinHerbots\/Inputmask\/5.x\/dist\/jquery.inputmask.js\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/code.jquery.com\/ui\/1.11.0\/themes\/redmond\/jquery-ui.css\">\n\n\n<script type=\"text\/javascript\">\njQuery(document).ready(function() {\n    \/\/ Initialize the datepicker\n    jQuery('.dobclass input').datepicker({\n        dateFormat: 'dd\/mm\/yy', \/\/ This format should match the input mask format\n        changeMonth: true,\n        changeYear: true,\n        yearRange: \"1700:2100\" \/\/ Define the range of years available\n    });\n\n    \/\/ Apply the input mask for the date format\n    jQuery('.dobclass input').inputmask({\n        alias: \"datetime\",\n        inputFormat: \"dd\/mm\/yyyy\", \/\/ Match this format with the datepicker format\n        placeholder: \"dd\/mm\/yyyy\",\n    });\n\n    \/\/ To ensure that the mask works correctly with the datepicker, reapply the mask after a date is selected\n    jQuery('.dobclass input').on('change', function() {\n        jQuery(this).inputmask('setvalue', jQuery(this).val());\n    });\n});\n<\/script>\n\n<script>\n  \/\/ jQuery document ready\njQuery(document).ready(function($) {\n\n    \/\/ Function to calculate age based on date of birth\n    function calculateAge(dob) {\n        const [day, month, year] = dob.split('\/'); \/\/ Assumes date format DD\/MM\/YYYY\n        const birthDate = new Date(year, month - 1, day);\n        const today = new Date();\n        let age = today.getFullYear() - birthDate.getFullYear();\n        const monthDifference = today.getMonth() - birthDate.getMonth();\n\n        \/\/ Adjust age if the birthday hasn't occurred yet this year\n        if (monthDifference < 0 || (monthDifference === 0 && today.getDate() < birthDate.getDate())) {\n            age--;\n        }\n\n        return age;\n    }\n\n    \/\/ Function to validate age\n    function validateDOBField() {\n        const dobValue = $('#dob').val();\n        const age = calculateAge(dobValue);\n\n        \/\/ Remove any previous error message\n        $('.wfacp_inline_error[data-key=\"dob_field\"]').text('');\n\n        \/\/ Check if the age is less than 20 years\n        if (dobValue && age < 20) {\n            \/\/ Display error message in the inline error span\n            $('.wfacp_inline_error[data-key=\"dob_field\"]').text('You must be at least 20 years old to proceed.');\n            \n            \/\/ Scroll to the DOB field to bring it into view\n            $('#dob').get(0).scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n\n            return false; \/\/ Validation failed\n        }\n        return true; \/\/ Validation passed\n    }\n\n    \/\/ Validate on date change or input to provide instant feedback\n    $('#dob').on('change input', function() {\n        validateDOBField();\n    });\n\n    \/\/ Bind validation to the 'Next Step' button\n    $('.wfacp_next_page_button').on('click', function(event) {\n        if (!validateDOBField()) {\n            event.preventDefault(); \/\/ Prevent going to the next step if validation fails\n        }\n    });\n});\n\n<\/script>\n\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"author":1,"featured_media":0,"template":"","meta":{"_acf_changed":false},"class_list":["post-757","wfacp_checkout","type-wfacp_checkout","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ubom.org\/zh\/wp-json\/wp\/v2\/wfacp_checkout\/757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubom.org\/zh\/wp-json\/wp\/v2\/wfacp_checkout"}],"about":[{"href":"https:\/\/ubom.org\/zh\/wp-json\/wp\/v2\/types\/wfacp_checkout"}],"author":[{"embeddable":true,"href":"https:\/\/ubom.org\/zh\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":205,"href":"https:\/\/ubom.org\/zh\/wp-json\/wp\/v2\/wfacp_checkout\/757\/revisions"}],"predecessor-version":[{"id":4224,"href":"https:\/\/ubom.org\/zh\/wp-json\/wp\/v2\/wfacp_checkout\/757\/revisions\/4224"}],"wp:attachment":[{"href":"https:\/\/ubom.org\/zh\/wp-json\/wp\/v2\/media?parent=757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}