{"id":14127,"date":"2021-12-21T11:19:10","date_gmt":"2021-12-21T03:19:10","guid":{"rendered":"https:\/\/singaporewebdesigner.org\/hakkachong\/?page_id=14127"},"modified":"2022-01-20T16:55:57","modified_gmt":"2022-01-20T08:55:57","slug":"%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5","status":"publish","type":"page","link":"https:\/\/www.hakkachong.org\/ch\/%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5\/","title":{"rendered":"\u52a0\u5165\u4e49\u5de5"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14127\" class=\"elementor elementor-14127\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-105a141 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"105a141\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-28bf6d5\" data-id=\"28bf6d5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2ee5062 elementor-widget elementor-widget-spacer\" data-id=\"2ee5062\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aeec2f5 elementor-widget elementor-widget-metform\" data-id=\"aeec2f5\" data-element_type=\"widget\" data-widget_type=\"metform.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"mf-response-props-id-6014\" data-editswitchopen=\"\" data-erroricon=\"fas fa-exclamation-triangle\" data-successicon=\"fas fa-check\" data-messageposition=\"top\" class=\"   mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"6014\" >\n\t\t\t\t\n\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-aeec2f5-6014\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"6014\"\r\n\t\t\tdata-action=\"https:\/\/www.hakkachong.org\/ch\/wp-json\/metform\/v1\/entries\/insert\/6014\"\r\n\t\t\tdata-wp-nonce=\"0f8e5432f7\"\r\n\t\t\tdata-form-nonce=\"07ccf5dec9\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-6014\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6014\" className=\"elementor elementor-6014\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div className=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section className=\"elementor-section elementor-top-section elementor-element elementor-element-3f27a48 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3f27a48\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-77ba1d5\" data-id=\"77ba1d5\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div className=\"elementor-element elementor-element-185c2aa elementor-widget elementor-widget-elementskit-heading\" data-id=\"185c2aa\" data-element_type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t<div className=\"ekit-wid-con\" ><div className=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 className=\"ekit-heading--title elementskit-section-title \">\n\t\t\t\t\t\u52a0\u5165\u4e49\u5de5\n\t\t\t\t<\/h3>\t\t\t\t<div className='ekit-heading__description'>\n\t\t\t\t\t<p>\u548c\u6211\u4eec\u4e00\u8d77\u5f00\u542f\u4f60\u7684\u5fd7\u5de5\u65c5\u7a0b\u3002\u5018\u82e5\u4f60\u60f3\u4e3a\u4ed6\u4eba\u7684\u751f\u6d3b\u5e26\u6765\u4e86\u5fae\u7b11\uff0c\u6211\u4eec\u6b22\u8fce\u4f60\u6210\u4e3a\u5fd7\u613f\u4e49\u5de5!<\/p>\n<p>\u6b32\u4e86\u89e3\u66f4\u591a\u8be6\u60c5\uff0c\u8bf7\u81f4\u7535 <strong>9729 8510<\/strong>\u00a0\u6216\u7535\u90ae <strong>hakkachongsg@gmail.com<\/strong><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section className=\"elementor-section elementor-top-section elementor-element elementor-element-6a886bbc elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6a886bbc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-758f1c4d\" data-id=\"758f1c4d\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div className=\"elementor-element elementor-element-70289795 select2_wrap elementor-widget elementor-widget-mf-select\" data-id=\"70289795\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;volunteer&quot;}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\n        \n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['volunteer'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"volunteer\"\n                placeholder=\"${ parent.decodeEntities(`Volunteer as \u4e49\u5de5\u5f62\u5f0f`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"- Select -\",\"value\":\"\",\"isDisabled\":true},{\"label\":\"Corporate Volunteer \\u4f01\\u4e1a\\u4e49\\u5de5\",\"value\":\"Corporate Volunteer \\u4f01\\u4e1a\\u4e49\\u5de5\",\"isDisabled\":false},{\"label\":\"Individual Volunteer \\u4e2a\\u4eba\\u4e49\\u5de5\",\"value\":\"Individual Volunteer \\u4e2a\\u4eba\\u4e49\\u5de5\",\"isDisabled\":false},{\"label\":\"Healthcare Volunteer \\u533b\\u7597\\u4e49\\u5de5\",\"value\":\"Healthcare Volunteer \\u533b\\u7597\\u4e49\\u5de5\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"volunteer\") ? [{\"mf_input_option_text\":\"- Select -\",\"mf_input_option_value\":\"\",\"mf_input_option_status\":\"disabled\",\"_id\":\"1faec75\",\"mf_input_option_selected\":\"\"},{\"mf_input_option_text\":\"Corporate Volunteer \\u4f01\\u4e1a\\u4e49\\u5de5\",\"mf_input_option_value\":\"Corporate Volunteer \\u4f01\\u4e1a\\u4e49\\u5de5\",\"_id\":\"855129c\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"mf_input_option_text\":\"Individual Volunteer \\u4e2a\\u4eba\\u4e49\\u5de5\",\"mf_input_option_value\":\"Individual Volunteer \\u4e2a\\u4eba\\u4e49\\u5de5\",\"_id\":\"cceb0ca\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"mf_input_option_text\":\"Healthcare Volunteer \\u533b\\u7597\\u4e49\\u5de5\",\"mf_input_option_value\":\"Healthcare Volunteer \\u533b\\u7597\\u4e49\\u5de5\",\"_id\":\"224cc4d\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"}].filter(item => item.value === parent.getValue(\"volunteer\"))[0] : []}\n                onChange=${parent.handleSelect}\n                ref=${() => {\n                    register({ name: \"volunteer\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true}));\n                    if ( parent.getValue(\"volunteer\") === '' && false ) {\n                        parent.handleChange({\n                            target: {\n                                name: 'volunteer',\n                                value: ''\n                            }\n                        });\n                        parent.setValue( 'volunteer', '', true );\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"volunteer\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n            \t\t<\/div>\n\n\t\t\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section className=\"elementor-section elementor-inner-section elementor-element elementor-element-159ccdea elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"159ccdea\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-404ab077\" data-id=\"404ab077\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div className=\"elementor-element elementor-element-117870de elementor-widget elementor-widget-mf-text\" data-id=\"117870de\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;volunteer_name&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-117870de\"\r\n\t\t\t\tname=\"volunteer_name\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Name \u540d\u79f0 *`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['volunteer_name'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"volunteer_name\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div className=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4a3d4feb\" data-id=\"4a3d4feb\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div className=\"elementor-element elementor-element-435619a1 elementor-widget elementor-widget-mf-text\" data-id=\"435619a1\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;volunteer_age&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-435619a1\"\r\n\t\t\t\tname=\"volunteer_age\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Age \u5e74\u9f84`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['volunteer_age'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"volunteer_age\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section className=\"elementor-section elementor-inner-section elementor-element elementor-element-1d285fa3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1d285fa3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-d07d235\" data-id=\"d07d235\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div className=\"elementor-element elementor-element-352e930d elementor-widget elementor-widget-mf-text\" data-id=\"352e930d\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;volunteer_contact&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-352e930d\"\r\n\t\t\t\tname=\"volunteer_contact\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Contact No. \u8054\u7edc\u7535\u8bdd *`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['volunteer_contact'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"volunteer_contact\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div className=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-71c21017\" data-id=\"71c21017\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div className=\"elementor-element elementor-element-6383c338 elementor-widget elementor-widget-mf-text\" data-id=\"6383c338\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;volunteer_company&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-6383c338\"\r\n\t\t\t\tname=\"volunteer_company\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Company \u516c\u53f8`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['volunteer_company'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"volunteer_company\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section className=\"elementor-section elementor-inner-section elementor-element elementor-element-53ed8642 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"53ed8642\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-40a12e9a\" data-id=\"40a12e9a\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div className=\"elementor-element elementor-element-1ac2dca4 select2_wrap elementor-widget elementor-widget-mf-select\" data-id=\"1ac2dca4\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;Gender \\u6027\\u522b *&quot;}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\n        \n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['Gender \u6027\u522b *'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"Gender \u6027\u522b *\"\n                placeholder=\"${ parent.decodeEntities(`Gender \u6027\u522b *`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"- Select -\",\"value\":\"\",\"isDisabled\":true},{\"label\":\"Male \\u7537\",\"value\":\"Male \\u7537\",\"isDisabled\":false},{\"label\":\"Female \\u5973\",\"value\":\"Female \\u5973\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"Gender \u6027\u522b *\") ? [{\"mf_input_option_text\":\"- Select -\",\"mf_input_option_value\":\"\",\"mf_input_option_status\":\"disabled\",\"_id\":\"1faec75\",\"mf_input_option_selected\":\"\"},{\"mf_input_option_text\":\"Male \\u7537\",\"mf_input_option_value\":\"Male \\u7537\",\"_id\":\"855129c\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"},{\"mf_input_option_text\":\"Female \\u5973\",\"mf_input_option_value\":\"Female \\u5973\",\"_id\":\"224cc4d\",\"mf_input_option_status\":\"\",\"mf_input_option_selected\":\"\"}].filter(item => item.value === parent.getValue(\"Gender \u6027\u522b *\"))[0] : []}\n                onChange=${parent.handleSelect}\n                ref=${() => {\n                    register({ name: \"Gender \u6027\u522b *\" }, parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true}));\n                    if ( parent.getValue(\"Gender \u6027\u522b *\") === '' && false ) {\n                        parent.handleChange({\n                            target: {\n                                name: 'Gender \u6027\u522b *',\n                                value: ''\n                            }\n                        });\n                        parent.setValue( 'Gender \u6027\u522b *', '', true );\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"Gender \u6027\u522b *\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n            \t\t<\/div>\n\n\t\t\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div className=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-56e93104\" data-id=\"56e93104\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div className=\"elementor-element elementor-element-280a000f elementor-widget elementor-widget-mf-email\" data-id=\"280a000f\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;volunteer_email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input type=\"email\"  defaultValue=\"\" className=\"mf-input \" id=\"mf-input-email-280a000f\" name=\"volunteer_email\" placeholder=\"${ parent.decodeEntities(`Email Address \u7535\u5b50\u90ae\u4ef6`) } \"  onInput=${parent.handleChange} aria-invalid=${validation.errors['volunteer_email'] ? 'true' : 'false' } ref=${el=> parent.activateValidation({\"message\":\"This field is required.\",\"emailMessage\":\"Please enter a valid Email address\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\/>\r\n\r\n\t\t\t\t\t<${validation.ErrorMessage} errors=${validation.errors} name=\"volunteer_email\" as=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div className=\"elementor-element elementor-element-1dc2508a elementor-widget elementor-widget-mf-textarea\" data-id=\"1dc2508a\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;volunteer_comments&quot;}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea \" id=\"mf-input-text-area-1dc2508a\"\r\n\t\t\t\tname=\"volunteer_comments\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Comments \u7559\u8a00`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['volunteer_comments'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el) }\r\n\t\t\t\t\t\t\t\t><\/textarea>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"volunteer_comments\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-5cfbdd3d elementor-widget elementor-widget-mf-checkbox\" data-id=\"5cfbdd3d\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-checkbox&quot;}\" data-widget_type=\"mf-checkbox.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-checkbox-5cfbdd3d\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Personal Data Protection Act Provisions`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<div \r\n\t\t\t\t\t\t\t\t\tref=${el => { parent.handleCheckbox(el, 'onLoad')}}\r\n\t\t\t\t\t\t\t\tclassName=\"mf-checkbox multi-option-input-type\"\r\n\t\t\t\tid=\"mf-input-checkbox-5cfbdd3d\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"mf-checkbox-option \">\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\"\r\n\t\t\t\t\t\t\t\tclassName=\"mf-input mf-checkbox-input \"\r\n\t\t\t\t\t\t\t\tname=\"mf-checkbox\"\r\n\t\t\t\t\t\t\t\tvalue=\"value-1\"\r\n\t\t\t\t\t\t\t\tdefaultChecked=\"\"\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonInput=${ el =>  parent.handleCheckbox(el.target, 'onClick') }\r\n\t\t\t\t\t\t\t\t\taria-invalid=${validation.errors['mf-checkbox'] ? 'true' : 'false'}\r\n\t\t\t\t\t\t\t\t\tref=${el => {\r\n\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t${ parent.decodeEntities(`By submitting this form, I agree to provide the above personal data for the purpose of processing my application and contacting me regarding volunteerism matters. `) } \t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-checkbox\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-520ea101 elementor-widget elementor-widget-text-editor\" data-id=\"520ea101\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>\u00a0I understand that all applications will be considered thoroughly and acceptance of my application will be subjected to the organisation\u2019s need for volunteers in the areas of service and suitability to Hakka Chong&#8217;s Association\u2019s requirements.<\/p><p>\u7533\u8bf7\u4eba\u586b\u62a5\u7684\u8d44\u6599\u5c06\u88ab\u7528\u4e8e\u65b0\u52a0\u5761\u5ba2\u5c5e\u5f20\u6c0f\u516c\u4f1a\u4e49\u5de5\u5de5\u4f5c\u7684\u76f8\u5173\u4e8b\u5b9c\u3002\u672c\u673a\u6784\u5c06\u4f9d\u636e\u9488\u5bf9\u4e2a\u522b\u4e49\u52a1\u670d\u52a1\u7684\u9700\u6c42\u5ba1\u614e\u5904\u7406\u4f60\u7684\u7533\u8bf7\u3002<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-693733e3 elementor-widget elementor-widget-mf-button\" data-id=\"693733e3\" data-element_type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t<div className=\"mf-btn-wraper \" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<i aria-hidden=\"true\" className=\"fas fa-check-circle\"><\/i>\t\t\t\t\t<span>${ parent.decodeEntities(`Sign Up`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98d55c3 elementor-widget elementor-widget-spacer\" data-id=\"98d55c3\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/template-page.php","meta":{"footnotes":""},"class_list":["post-14127","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u52a0\u5165\u4e49\u5de5 - HakkaChong&#039;s Association<\/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:\/\/www.hakkachong.org\/ch\/\u52a0\u5165\u4e49\u5de5\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u52a0\u5165\u4e49\u5de5 - HakkaChong&#039;s Association\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hakkachong.org\/ch\/\u52a0\u5165\u4e49\u5de5\/\" \/>\n<meta property=\"og:site_name\" content=\"HakkaChong&#039;s Association\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-20T08:55:57+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hakkachong.org\/ch\/#organization\",\"name\":\"Hakka Chong's Association\",\"url\":\"https:\/\/www.hakkachong.org\/ch\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hakkachong.org\/ch\/#logo\",\"inLanguage\":\"cn-CH\",\"url\":\"https:\/\/www.hakkachong.org\/wp-content\/uploads\/2021\/07\/logo.png\",\"contentUrl\":\"https:\/\/www.hakkachong.org\/wp-content\/uploads\/2021\/07\/logo.png\",\"width\":105,\"height\":106,\"caption\":\"Hakka Chong's Association\"},\"image\":{\"@id\":\"https:\/\/www.hakkachong.org\/ch\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hakkachong.org\/ch\/#website\",\"url\":\"https:\/\/www.hakkachong.org\/ch\/\",\"name\":\"HakkaChong&#039;s Association\",\"description\":\"Always Professional, Always Caring\",\"publisher\":{\"@id\":\"https:\/\/www.hakkachong.org\/ch\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hakkachong.org\/ch\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"cn-CH\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hakkachong.org\/ch\/%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5\/#webpage\",\"url\":\"https:\/\/www.hakkachong.org\/ch\/%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5\/\",\"name\":\"\\u52a0\\u5165\\u4e49\\u5de5 - HakkaChong&#039;s Association\",\"isPartOf\":{\"@id\":\"https:\/\/www.hakkachong.org\/ch\/#website\"},\"datePublished\":\"2021-12-21T03:19:10+00:00\",\"dateModified\":\"2022-01-20T08:55:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hakkachong.org\/ch\/%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5\/#breadcrumb\"},\"inLanguage\":\"cn-CH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hakkachong.org\/ch\/%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hakkachong.org\/ch\/%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hakkachong.org\/ch\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\\u52a0\\u5165\\u4e49\\u5de5\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u52a0\u5165\u4e49\u5de5 - HakkaChong&#039;s Association","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:\/\/www.hakkachong.org\/ch\/\u52a0\u5165\u4e49\u5de5\/","og_locale":"en_US","og_type":"article","og_title":"\u52a0\u5165\u4e49\u5de5 - HakkaChong&#039;s Association","og_url":"https:\/\/www.hakkachong.org\/ch\/\u52a0\u5165\u4e49\u5de5\/","og_site_name":"HakkaChong&#039;s Association","article_modified_time":"2022-01-20T08:55:57+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.hakkachong.org\/ch\/#organization","name":"Hakka Chong's Association","url":"https:\/\/www.hakkachong.org\/ch\/","sameAs":[],"logo":{"@type":"ImageObject","@id":"https:\/\/www.hakkachong.org\/ch\/#logo","inLanguage":"cn-CH","url":"https:\/\/www.hakkachong.org\/wp-content\/uploads\/2021\/07\/logo.png","contentUrl":"https:\/\/www.hakkachong.org\/wp-content\/uploads\/2021\/07\/logo.png","width":105,"height":106,"caption":"Hakka Chong's Association"},"image":{"@id":"https:\/\/www.hakkachong.org\/ch\/#logo"}},{"@type":"WebSite","@id":"https:\/\/www.hakkachong.org\/ch\/#website","url":"https:\/\/www.hakkachong.org\/ch\/","name":"HakkaChong&#039;s Association","description":"Always Professional, Always Caring","publisher":{"@id":"https:\/\/www.hakkachong.org\/ch\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hakkachong.org\/ch\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"cn-CH"},{"@type":"WebPage","@id":"https:\/\/www.hakkachong.org\/ch\/%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5\/#webpage","url":"https:\/\/www.hakkachong.org\/ch\/%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5\/","name":"\u52a0\u5165\u4e49\u5de5 - HakkaChong&#039;s Association","isPartOf":{"@id":"https:\/\/www.hakkachong.org\/ch\/#website"},"datePublished":"2021-12-21T03:19:10+00:00","dateModified":"2022-01-20T08:55:57+00:00","breadcrumb":{"@id":"https:\/\/www.hakkachong.org\/ch\/%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5\/#breadcrumb"},"inLanguage":"cn-CH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hakkachong.org\/ch\/%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hakkachong.org\/ch\/%e5%8a%a0%e5%85%a5%e4%b9%89%e5%b7%a5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hakkachong.org\/ch\/"},{"@type":"ListItem","position":2,"name":"\u52a0\u5165\u4e49\u5de5"}]}]}},"_links":{"self":[{"href":"https:\/\/www.hakkachong.org\/ch\/wp-json\/wp\/v2\/pages\/14127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hakkachong.org\/ch\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hakkachong.org\/ch\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hakkachong.org\/ch\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hakkachong.org\/ch\/wp-json\/wp\/v2\/comments?post=14127"}],"version-history":[{"count":22,"href":"https:\/\/www.hakkachong.org\/ch\/wp-json\/wp\/v2\/pages\/14127\/revisions"}],"predecessor-version":[{"id":15294,"href":"https:\/\/www.hakkachong.org\/ch\/wp-json\/wp\/v2\/pages\/14127\/revisions\/15294"}],"wp:attachment":[{"href":"https:\/\/www.hakkachong.org\/ch\/wp-json\/wp\/v2\/media?parent=14127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}