ޑޭޓާ ޑިލީޓް ކުރުމަށް އެދި ހުށަހެޅުން

މި ޕޭޖުގައި އޯމްނިޗެނަލް ކޮންޓެކްޓް ސެންޓަރ މޮބައިލް އެޕް ބައި އެސްއެމްއެސްބީއޭޓީ ގެ އިތުރުން އެސްއެމްއެސްބީއޭޓީގެ އެހެން ޕްލެޓްފޯމްތައް ބޭނުންކުރާ ފަރާތްތަކަށް އެމީހުންގެ ޕާސަނަލް ޑޭޓާ ޑިލީޓް ކުރުމަށް އެދުމަށް އިރުޝާދުތައް ލިބިގެންދެއެވެ.

އެކައުންޓާއި އެއާ ގުޅުންހުރި ޕާސަނަލް ޑޭޓާ ޑިލީޓް ކުރުމަށް އެދިވަޑައިގަންނަވާނަމަ ތިރީގައިވާ ފޯމް ފުރުއްވުން އެދެމެވެ. ހުށަހެޅުމުން އަޅުގަނޑުމެންގެ ޓީމުން 30 ދުވަހުގެ ތެރޭގައި ތިޔަބޭފުޅުންގެ ރިކުއެސްޓް ޕްރޮސެސްކޮށް ޑޭޓާ ޑިލީޓް ކުރާނެއެވެ.

ޑޭޓާ ޑިލީޓް ކުރަން

ތިޔަބޭފުޅާގެ ރިކުއެސްޓް ޕްރޮސެސް ކުރުމުން، ތިރީގައިވާ ޑޭޓާ ދާއިމީ ގޮތެއްގައި ޑިލީޓް ކުރެވޭނެއެވެ. - އެކައުންޓް ޕްރޮފައިލް (ނަން، އީމެއިލް އެޑްރެސް، ފޯނު ނަންބަރު) - އޮތެންޓިކޭޝަން ކްރެޑިޝަންސް އަދި ޓޯކަންސް - ޑިވައިސް އައިޑެންޓިފައިޓަރސް އަދި އެޕް ޔޫސޭޖް ލޮގްސް - އަމިއްލަ އިސްކަންދޭ ކަންކަމާއި ސެޓިންގްސް

ޑޭޓާ ބެލެހެއްޓުމަށް

އަޅުގަނޑުމެންނަށް ޤާނޫނީ ގޮތުން ވަކި މުއްދަތަކަށް (އާންމުކޮށް މަދުވެގެން 1 އަހަރު) ވަކި ޑޭޓާއެއް ކޮމްޕްލައިންސް، އޮޑިޓިންގ، އަދި އެންޓި ސްޕޭމްގެ ބޭނުމުގައި ބެހެއްޓުމަށް ނުވަތަ އެކްޓިވް ބިލިންގ ސައިކަލްތައް ފުރިހަމަ ކުރުމަށް ލާޒިމުކުރެވިދާނެއެވެ: - މާލީ މުއާމަލާތްތަކުގެ ރެކޯޑްތަކާއި ބިލިންގ ތާރީޚު - މުވާސަލާތީ މެޓަޑޭޓާ (އެބަހީ، ލިބޭ ފަރާތުގެ ފޯނު ނަންބަރު، އަޅުގަނޑުމެންގެ އެޕީއައި މެދުވެރިކޮށް ފޮނުވާ މެސެޖުތަކުގެ ޓައިމްސްޓޭމްޕް)، އެކަމަކު ޚުދު މެސެޖުގެ ކޮންޓެންޓް ނޫނެވެ.

ޑޭޓާ ޑިލީޝަން ރިކުއެސްޓެއް ހުށަހެޅުން

<ފޯމް ކްލާސް="ނަތީޖާ__ފޯމް ފޯމް" id="ފޯމް"> <ޓެކްސްޓްއޭރިއާ class="ފޯމް__ޓެކްސްޓްއޭރިއާ" placeholder="ތިބާގެ ރިކުއެސްޓްގެ ތަފްސީލް (އިޚްތިޔާރީ)" ރޯސް="5" ނަން="ލިޔުން" > އެވެ <އިންޕުޓް type="އީމެއިލް" class="ފޯމް__އީމެއިލް" placeholder="އީމެއިލް" name="އީމެއިލް" ބޭނުންވެއެވެ /> <އިންޕުޓް type="ޓެލް" އެވެ. class="ފޯމް__ފޯނު" placeholder="ފޯނު" ޕެޓަރން="[0-9+ ]+" name="ފޯނު" ބޭނުންވެއެވެ /> ހުށަހެޅުން ރިކުއެސްޓް

އެވެ

<ސްކްރިޕްޓް> އެވެ let isSubmitting = ދޮގު؛ const sendForm = އެސިންކް (އިވެންޓް) => { އިވެންޓް.ޕްރިވެންޓްޑިފޯލްޓް(); if (isSubmitting) ރިޓަރން ކުރާނަމަ؛

const form = document.querySelector('.ނަތީޖާ__ފޯމް');
if (ފޯމް && !ފޯމް.ޗެކްވެލިޑިޓީ()) {
  ފޯމް.ރިޕޯޓްވެލިޑިޓީ();
  ރުޖޫޢަވުން؛
}

isSubmitting = ތެދު؛
const btn = ޑޮކިއުމެންޓް.ކުއެރީސެލެކްޓަރ('.ރިސަލްޓް__ބީޓީއެން');
const originalText = ބީޓީއެން.އެތެރޭގެ ޓެކްސްޓް؛
btn.innerText = 'ފޮނުވަނީ...';
btn.disabled = ތެދު؛

ޓްރައި {
    const formData = އާ ފޯމްޑޭޓާ(ފޯމް)؛
    const obj = {}؛
    for (const [ކީ، ވެލިއު] އޮފް ފޯމްޑޭޓާ.އެންޓްރީސް()) {
      obj [ކީ] = އަގު؛
    }
    ފޯމްޑޭޓާ.އެޕެންޑް('ފޯމް_އައިޑީ'، 138);

    const response = wait fetch('https://loc.indexbat.com/api/ސާރވޭ', {
        އުސޫލު: 'ޕޯސްޓް'،
        ހަށިގަނޑު: ފޯމްޑޭޓާ
    });

    if (response.ok || ޖަވާބު.ސްޓޭޓަސް === 200) {
        btn.innerText = 'ރިކުއެސްޓް ކާމިޔާބުކަމާއެކު ފޮނުވިއްޖެ!';
        ފޯމް.ރީސެޓް();
    } else {
        throw new Error(`ސަރވަރ ރިޓަރންޑް ${ރެސްޕޮންސް.ސްޓޭޓަސް}`);
    }
} ކެޗް (ގޯސް) {
    console.error('ޑޭޓާ ޑިލީޓް ފޯމް ހުށަހެޅުމުގައި ގޯހެއް', error);
    btn.innerText = 'ގޯހެއް.' އަނެއްކާވެސް މަސައްކަތް ކުރާށެވެ'؛
    ސެޓްޓައިމްއައުޓް (() => {
        btn.innerText = އަސްލު ޓެކްސްޓް؛
        btn.disabled = ދޮގު؛
        isSubmitting = ދޮގު؛
    }، 3000)؛
}

} އެވެ

<ސްޓައިލް> އެވެ .ނަތީޖާ { . ޑިސްޕްލޭ: ބްލޮކް؛ ޒެޑް-އިންޑެކްސް: 10؛ ފަހަތުގައި: ހުދު؛ ޕެޑިންގ: 20px؛ ބޯޑަރ-ރޭޑިއަސް: 8px؛ މެކްސް-ވިޑްތް: 520px؛ ފުޅާމިން: 100%؛ ފޮށި-ސައިޒިންގ: ބޯޑަރ-ބޮކްސް؛ މާޖިން-ޓޮޕް: 1.5ރެމް؛ ބޯޑަރ: 1px ސޮލިޑް var(--md-default-fg-color--lightest); ބޮކްސް-ޝެޑޯ: var(--md-ޝެޑޯ-z1); } .ނަތީޖާ .ފޯމް { . ޑިސްޕްލޭ: ފްލެކްސް؛ ފްލެކްސް-ޑައިރެކްޝަން: ކޮލަމް؛ } .ނަތީޖާ އިންޕުޓް::ޕްލޭސްހޯލްޑަރ، .ނަތީޖާ ޓެކްސްޓްއޭރިއާ::ޕްލޭސްހޯލްޑަރ { ފޮންޓް-ސައިޒް: 14px؛ } .ނަތީޖާ .ފޯމް__ޓެކްސްޓްއޭރިއާ، . .ނަތީޖާ .ފޯމް__އީމެއިލް، .ނަތީޖާ .ފޯމް__އިންޕުޓް، . .ނަތީޖާ .ފޯމް__ފޯނު، .ނަތީޖާ .ފޯމް__ޑޭޓްޕިކަރ { . ބޯޑަރ-ރޭޑިއަސް: 4px؛ ބޯޑަރ: 1px ސޮލިޑް rgba(150، 150، 150، 0.47)؛ ޕެޑިންގ: 10px؛ ސައިޒު ބަދަލުކުރުން: ވަށައިގެން؛ އައުޓްލައިން: އެއްވެސް އެއްޗެއް ނެތް؛ މާރޖިން-ބޮޓޮމް: 12px؛ ބެކްގްރައުންޑް: #ffffff; / ނަތީޖާއާ އެއްގޮތްވާ ގޮތަށް ފޯމް ބެކްގްރައުންޑަށް ސާފުކޮށް ހުދުކުލައެއް / ކުލަ: #333333؛ ފޮންޓް-ފެމިލީ: ވާރުތަކުރުން؛ ފޮންޓް-ސައިޒް: 14px؛ } .ނަތީޖާ .ފޯމް__ޓެކްސްޓްއޭރިއާ:ފޯކަސް، .ނަތީޖާ .ފޯމް__އީމެއިލް:ފޯކަސް، .ނަތީޖާ .ފޯމް__ފޯން:ފޯކަސް { ބޯޑަރ-ކުލަ: #1296e7؛ ބޮކްސް-ޝެޑޯ: 0 0 0 1px #1296e7; } .ނަތީޖާ .ނަތީޖާ__ބީޓީއެން { ފުޅާމިން: 100%؛ ޕެޑިންގ: 12px 16px؛ ބޯޑަރ-ރޭޑިއަސް: 4px؛ ކުލަ: #fff؛ ބޯޑަރ: އެއްވެސް އެއްޗެއް ނެތް؛ ކަރސަރ: ޕޮއިންޓަރ؛ މާރޖިން-ޓޮޕް: 5px؛ ފޮންޓް-ވެއިޓް: 600؛ ފޮންޓް-ސައިޒް: 15px؛ ޓްރާންސިޝަން: އޮޕަސިޓީ 0.2s، ބެކްގްރައުންޑް-ކުލަ 0.2s؛ } .ނަތީޖާ .ނަތީޖާ__ބީޓީއެން:ހޯވަރ { އޮޕަސިޓީ: 0.9؛ } .ނަތީޖާ .ނަތީޖާ__ބީޓީއެން:ނުކުޅެދުންތެރިކޮށްފައި { އޮޕަސިޓީ: 0.7؛ ކަރސަރ: ހުއްދަ ނުކުރެވޭ؛ }

/ އެމްކޭޑޮކްސް މެޓީރިއަލް ބޭނުންކުރާނަމަ ޑާކް މޯޑް އެޖެސްޓްމަންޓްސް / [ޑޭޓާ-އެމްޑީ-ކުލަ-ސްކީމް="ސްލޭޓް"] .ނަތީޖާ { ބެކްގްރައުންޑް: var(--md-default-bg-color); ބޯޑަރ-ކުލަ: var(--md-default-fg-color--އެންމެ ލުއި); } [ޑޭޓާ-އެމްޑީ-ކަލަރ-ސްކީމް="ސްލޭޓް"] .ނަތީޖާ .ފޯމް__ޓެކްސްޓްއޭރިއާ، [ޑޭޓާ-އެމްޑީ-ކަލަރ-ސްކީމް="ސްލޭޓް"] .ނަތީޖާ .ފޯމް__އީމެއިލް، [ޑޭޓާ-އެމްޑީ-ކަލަރ-ސްކީމް="ސްލޭޓް"] .ނަތީޖާ .ފޯމް__ފޯން { ބެކްގްރައުންޑް: var(--md-default-bg-color); ކުލަ: var(--md-default-fg-color); ބޯޑަރ-ކުލަ: var(--md-default-fg-color--އެންމެ ލުއި); } އެވެ