{"id":143,"date":"2026-03-05T06:40:10","date_gmt":"2026-03-05T06:40:10","guid":{"rendered":"https:\/\/goldloan.annaiteresasociety.com\/?page_id=143"},"modified":"2026-05-19T14:03:47","modified_gmt":"2026-05-19T08:33:47","slug":"customer-registration","status":"publish","type":"page","link":"https:\/\/goldloan.annaiteresasociety.com\/index.php\/customer-registration\/","title":{"rendered":"Customer Registration"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"143\" class=\"elementor elementor-143\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e88c512 e-flex e-con-boxed e-con e-parent\" data-id=\"e88c512\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06b44f6 elementor-widget elementor-widget-shortcode\" data-id=\"06b44f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n\n.cm-container{\nmax-width:900px;\nmargin:auto;\nfont-family:Arial;\nbackground:#fff;\npadding:30px;\nborder-radius:8px;\nbox-shadow:0 0 10px rgba(0,0,0,0.1);\n}\n\n.cm-step{\ndisplay:none;\n}\n\n.cm-step.active{\ndisplay:block;\n}\n\n.cm-row{\ndisplay:flex;\ngap:20px;\nmargin-bottom:15px;\n}\n\n.cm-group{\nflex:1;\ndisplay:flex;\nflex-direction:column;\n}\n\n.cm-group label{\nfont-weight:600;\nmargin-bottom:5px;\n}\n\n.cm-group input,\n.cm-group textarea,\n.cm-group select{\npadding:10px;\nborder:1px solid #ccc;\nborder-radius:6px;\nwidth:100%;\n}\n\n.cm-buttons{\nmargin-top:20px;\ndisplay:flex;\njustify-content:space-between;\n}\n\n.cm-btn{\npadding:10px 20px;\nbackground:#0073aa;\ncolor:white;\nborder:none;\nborder-radius:6px;\ncursor:pointer;\n}\n\n.cm-btn:hover{\nbackground:#005177;\n}\n\n.cm-title{\nmargin-bottom:20px;\nborder-bottom:2px solid #eee;\npadding-bottom:10px;\n}\n\/* MOBILE RESPONSIVE *\/\n\n@media (max-width:768px){\n\n.cm-container{\npadding:20px;\n}\n\n.cm-row{\nflex-direction:column;\ngap:10px;\n}\n\n.cm-group input,\n.cm-group textarea,\n.cm-group select{\nfont-size:16px;\npadding:12px;\n}\n\n.cm-btn{\nwidth:100%;\npadding:12px;\n}\n\n.cm-buttons{\nflex-direction:column;\ngap:10px;\n}\n\n}\n<\/style>\n\n\n<div class=\"cm-container\">\n\n<form method=\"post\" enctype=\"multipart\/form-data\">\n    <input type=\"hidden\" id=\"cm_nonce\" name=\"cm_nonce\" value=\"c0d8748bf6\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/143\" \/>\n<!-- STEP 1 PERSONAL -->\n\n<div class=\"cm-step active\">\n\n<h3 class=\"cm-title\">Personal Details<\/h3>\n\n<div class=\"cm-row\">\n<div class=\"cm-group\">\n<label>Name<\/label>\n<input type=\"text\" name=\"name\" pattern=\"[A-Za-z\\s]+\" title=\"Only alphabets allowed\" required>\n<\/div>\n\n<div class=\"cm-group\">\n<label>DOB<\/label>\n<input type=\"date\" name=\"dob\" required>\n<\/div>\n<\/div>\n\n<div class=\"cm-row\">\n<div class=\"cm-group\">\n<label>Parent\/Spouse Name<\/label>\n<input type=\"text\" name=\"parent_name\" pattern=\"[A-Za-z\\s]+\" title=\"Only alphabets allowed\" required>\n<\/div>\n\n<div class=\"cm-group\">\n<label>Gender<\/label>\n<select name=\"gender\" required>\n<option>Male<\/option>\n<option>Female<\/option>\n<option>Others<\/option>\n<\/select>\n<\/div>\n<\/div>\n\n<div class=\"cm-row\">\n<div class=\"cm-group\">\n<label>Mobile Number<\/label>\n<input type=\"tel\" name=\"mobile\" pattern=\"[0-9]{10}\" maxlength=\"10\" title=\"Enter 10 digit mobile number\" required>\n<\/div>\n\n<div class=\"cm-group\">\n<label>Email<\/label>\n<input type=\"email\" name=\"email\" required>\n<\/div>\n<\/div>\n\n<div class=\"cm-row\">\n<div class=\"cm-group\">\n<label>Job<\/label>\n<input type=\"text\" name=\"job\" required>\n<\/div>\n\n<div class=\"cm-group\">\n<label>Salary<\/label>\n<input type=\"number\" name=\"salary\" min=\"1000\" required>\n<\/div>\n<\/div>\n\n<div class=\"cm-row\">\n<div class=\"cm-group\">\n<label>Address<\/label>\n<textarea name=\"address\" required><\/textarea>\n<\/div>\n<\/div>\n\n<div class=\"cm-buttons\">\n<button type=\"button\" class=\"cm-btn next\">Next<\/button>\n<\/div>\n\n<\/div>\n\n\n<!-- STEP 2 KYC -->\n\n<div class=\"cm-step\">\n\n<h3 class=\"cm-title\">KYC Details<\/h3>\n\n<div class=\"cm-row\">\n<div class=\"cm-group\">\n<label>Aadhaar Number<\/label>\n<input type=\"text\" name=\"aadhaar\" pattern=\"[0-9]{12}\" maxlength=\"12\" title=\"Enter 12 digit Aadhaar number\" required>\n<\/div>\n\n<div class=\"cm-group\">\n<label>Aadhaar Upload<\/label>\n<input type=\"file\" name=\"aadhaar_file\" accept=\".pdf,.jpg,.jpeg,.png\" required>\n<\/div>\n<\/div>\n\n<div class=\"cm-row\">\n<div class=\"cm-group\">\n<label>PAN Number<\/label>\n<input type=\"text\" name=\"pan\" pattern=\"[A-Z0-9]{10}\" maxlength=\"10\"\noninput=\"this.value=this.value.toUpperCase()\" required>\n<\/div>\n\n<div class=\"cm-group\">\n<label>PAN Upload<\/label>\n<input type=\"file\" name=\"pan_file\" accept=\".pdf,.jpg,.jpeg,.png\" required>\n<\/div>\n<\/div>\n\n<div class=\"cm-row\">\n<div class=\"cm-group\">\n<label>Photo Upload<\/label>\n<input type=\"file\" name=\"photo\" accept=\".jpg,.jpeg,.png\" required>\n<\/div>\n<\/div>\n\n<div class=\"cm-buttons\">\n<button type=\"button\" class=\"cm-btn prev\">Previous<\/button>\n<button type=\"button\" class=\"cm-btn next\">Next<\/button>\n<\/div>\n\n<\/div>\n\n\n<!-- STEP 3 NOMINEE -->\n\n<div class=\"cm-step\">\n\n<h3 class=\"cm-title\">Nominee Details<\/h3>\n\n<div class=\"cm-row\">\n<div class=\"cm-group\">\n<label>Nominee Name<\/label>\n<input type=\"text\" name=\"nominee_name\" required>\n<\/div>\n\n<div class=\"cm-group\">\n<label>Nominee Relation<\/label>\n<input type=\"text\" name=\"nominee_relation\" required>\n<\/div>\n<\/div>\n\n<div class=\"cm-row\">\n<div class=\"cm-group\">\n<label>Nominee Mobile<\/label>\n<input type=\"tel\" name=\"nominee_mobile\" pattern=\"[0-9]{10}\" maxlength=\"10\" required>\n<\/div>\n\n<div class=\"cm-group\">\n<label>Nominee Address<\/label>\n<textarea name=\"nominee_address\" required><\/textarea>\n<\/div>\n<\/div>\n\n<div class=\"cm-buttons\">\n<button type=\"button\" class=\"cm-btn prev\">Previous<\/button>\n<button class=\"cm-btn\" type=\"submit\" name=\"cm_save\">Submit<\/button>\n<\/div>\n\n<\/div>\n\n<\/form>\n\n<\/div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    let steps = document.querySelectorAll(\".cm-step\");\n    let next = document.querySelectorAll(\".next\");\n    let prev = document.querySelectorAll(\".prev\");\n    let current = 0;\n\n    \/* STEP NAVIGATION *\/\n    next.forEach(btn => {\n        btn.addEventListener(\"click\", function () {\n\n            let inputs = steps[current].querySelectorAll(\"input,select,textarea\");\n            let valid = true;\n\n            inputs.forEach(input => {\n                if (!input.checkValidity()) {\n                    input.reportValidity();\n                    valid = false;\n                }\n            });\n\n            if (!valid) return;\n\n            steps[current].classList.remove(\"active\");\n            current++;\n            steps[current].classList.add(\"active\");\n        });\n    });\n\n    prev.forEach(btn => {\n        btn.addEventListener(\"click\", function () {\n            steps[current].classList.remove(\"active\");\n            current--;\n            steps[current].classList.add(\"active\");\n        });\n    });\n\n    \/* =========================\n       CHECK EXISTS FUNCTION\n    ==========================*\/\n    function checkExists(field, value, input) {\n        if (!value) return;\n\n        let formData = new FormData();\n        formData.append(\"action\", \"cm_check_existing\");\n        formData.append(\"field\", field);\n        formData.append(\"value\", value);\n\n        fetch(\"https:\/\/goldloan.annaiteresasociety.com\/wp-admin\/admin-ajax.php\", {\n            method: \"POST\",\n            body: formData\n        })\n        .then(res => res.json())\n        .then(res => {\n\n            if (res.success && res.data.exists) {\n\n                input.style.border = \"2px solid red\";\n\n                let msg = input.parentNode.querySelector(\".cm-error\");\n                if (!msg) {\n                    msg = document.createElement(\"small\");\n                    msg.classList.add(\"cm-error\");\n                    msg.style.color = \"red\";\n                    msg.innerText = \"Already exists\";\n                    input.parentNode.appendChild(msg);\n                }\n\n            } else {\n                input.style.border = \"1px solid #ccc\";\n\n                let msg = input.parentNode.querySelector(\".cm-error\");\n                if (msg) msg.remove();\n            }\n        });\n    }\n\n    \/* =========================\n       DEBOUNCED LIVE CHECK\n    ==========================*\/\n    function attachLiveCheck(selector, fieldName) {\n\n        let input = document.querySelector(selector);\n        if (!input) return;\n\n        input.addEventListener(\"input\", function () {\n\n            clearTimeout(this.timer);\n\n            this.timer = setTimeout(() => {\n                checkExists(fieldName, this.value, this);\n            }, 500);\n\n        });\n    }\n\n    attachLiveCheck('input[name=\"mobile\"]', 'mobile');\n    attachLiveCheck('input[name=\"email\"]', 'email');\n    attachLiveCheck('input[name=\"aadhaar\"]', 'aadhaar');\n    attachLiveCheck('input[name=\"pan\"]', 'pan');\n\n});\n<\/script>\n\n<\/div>\n\t\t\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},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-143","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/goldloan.annaiteresasociety.com\/index.php\/wp-json\/wp\/v2\/pages\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goldloan.annaiteresasociety.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goldloan.annaiteresasociety.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goldloan.annaiteresasociety.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goldloan.annaiteresasociety.com\/index.php\/wp-json\/wp\/v2\/comments?post=143"}],"version-history":[{"count":34,"href":"https:\/\/goldloan.annaiteresasociety.com\/index.php\/wp-json\/wp\/v2\/pages\/143\/revisions"}],"predecessor-version":[{"id":561,"href":"https:\/\/goldloan.annaiteresasociety.com\/index.php\/wp-json\/wp\/v2\/pages\/143\/revisions\/561"}],"wp:attachment":[{"href":"https:\/\/goldloan.annaiteresasociety.com\/index.php\/wp-json\/wp\/v2\/media?parent=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}