IBAN Generators
قم بإنشاء رقم الآيبان الخاص بحسابك بسهولة باستخدام أداة انشاء رقم الآيبان من بنك الفجيرة الوطني في دولة الإمارات العربية المتحدة.
/* ── All selectors scoped to #iban-widget ── */
#iban-widget {
--iw-bg: #0a0d14;
--iw-surface: #111520;
--iw-border: #1e2535;
--iw-border-h: #2e3f60;
--iw-green: rgb(151, 202, 61);
--iw-green-l: rgb(171, 222, 81);
--iw-text: #e8ecf4;
--iw-muted: #5a6680;
--iw-error: #e05a5a;
--iw-success: #4caf8c;
--iw-mono: 'DM Mono', monospace;
--iw-sans: 'Syne', sans-serif;
all: initial;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
font-family: var(--iw-sans);
box-sizing: border-box;
}
#iban-widget *,
#iban-widget *::before,
#iban-widget *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#iban-widget .iw-card-wrap {
position: relative;
width: 100%;
max-width: 540px;
animation: iw-slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}
#iban-widget .iw-card {
background: var(--iw-surface);
border: 1px solid var(--iw-border);
border-radius: 0 0 20px 20px;
padding: 3rem;
width: 100%;
box-shadow:
0 0 0 1px rgba(151,202,61,0.04),
0 40px 80px rgba(0,0,0,0.5),
0 0 60px rgba(151,202,61,0.03);
}
@keyframes iw-slideUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
#iban-widget .iw-flag-bar {
width: 100%;
height: 8px;
border-radius: 20px 20px 0 0;
background: linear-gradient(90deg,
#00732F 0%, #00732F 33%,
#fff 33%, #fff 50%,
#000 50%, #000 67%,
#FF0000 67%, #FF0000 100%
);
border: 1px solid var(--iw-border);
border-bottom: none;
}
#iban-widget .iw-header {
margin-bottom: 2.5rem;
}
#iban-widget .iw-eyebrow {
font-family: var(--iw-mono);
font-size: 0.7rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--iw-green);
margin-bottom: 0.6rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
#iban-widget .iw-eyebrow::before {
content: '';
display: inline-block;
width: 18px;
height: 1px;
background: var(--iw-green);
opacity: 0.7;
}
#iban-widget .iw-title {
font-family: var(--iw-sans);
font-weight: 800;
font-size: 1.8rem;
line-height: 1.1;
letter-spacing: -0.02em;
color: var(--iw-text);
}
#iban-widget .iw-title span {
color: var(--iw-green);
}
#iban-widget .iw-subtitle {
margin-top: 0.5rem;
font-size: 0.82rem;
color: var(--iw-muted);
font-family: var(--iw-mono);
}
#iban-widget .iw-field {
margin-bottom: 1.25rem;
}
#iban-widget .iw-label {
display: block;
font-size: 0.72rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--iw-muted);
font-family: var(--iw-mono);
margin-bottom: 0.55rem;
}
#iban-widget .iw-bank-display {
width: 100%;
background: rgba(255,255,255,0.03);
border: 1px solid var(--iw-border);
border-radius: 10px;
padding: 0.85rem 1rem;
font-family: var(--iw-mono);
font-size: 0.95rem;
color: var(--iw-text);
display: flex;
align-items: center;
justify-content: space-between;
}
#iban-widget .iw-bank-code {
color: var(--iw-green);
font-size: 0.75rem;
letter-spacing: 0.08em;
}
#iban-widget .iw-input {
width: 100%;
background: rgba(255,255,255,0.03);
border: 1px solid var(--iw-border);
border-radius: 10px;
padding: 0.85rem 1rem;
color: var(--iw-text);
font-family: var(--iw-mono);
font-size: 0.95rem;
outline: none;
transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
appearance: none;
-webkit-appearance: none;
}
#iban-widget .iw-input:focus {
border-color: var(--iw-border-h);
background: rgba(255,255,255,0.05);
box-shadow: 0 0 0 3px rgba(151,202,61,0.12);
}
#iban-widget .iw-input:hover {
border-color: var(--iw-border-h);
}
#iban-widget .iw-input.iw-error {
border-color: var(--iw-error) !important;
box-shadow: 0 0 0 3px rgba(224,90,90,0.1) !important;
}
#iban-widget .iw-char-count {
text-align: right;
font-size: 0.7rem;
font-family: var(--iw-mono);
color: var(--iw-muted);
margin-top: 0.3rem;
transition: color 0.2s;
}
#iban-widget .iw-char-count.iw-ok { color: var(--iw-success); }
#iban-widget .iw-char-count.iw-warn { color: var(--iw-error); }
#iban-widget .iw-err-msg {
margin-top: 0.4rem;
font-size: 0.7rem;
font-family: var(--iw-mono);
color: var(--iw-error);
display: none;
}
#iban-widget .iw-btn {
width: 100%;
padding: 0.95rem 1.5rem;
background: var(--iw-green);
color: #0a0d14;
border: none;
border-radius: 10px;
font-family: var(--iw-sans);
font-weight: 600;
font-size: 0.9rem;
letter-spacing: 0.05em;
cursor: pointer;
margin-top: 0.5rem;
transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
position: relative;
overflow: hidden;
}
#iban-widget .iw-btn::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 60%);
}
#iban-widget .iw-btn:hover {
background: var(--iw-green-l);
box-shadow: 0 6px 24px rgba(151,202,61,0.3);
transform: translateY(-1px);
}
#iban-widget .iw-btn:active {
transform: translateY(0);
}
#iban-widget .iw-result {
margin-top: 1.75rem;
border: 1px solid var(--iw-border);
border-radius: 12px;
padding: 1.25rem 1.5rem;
background: rgba(151,202,61,0.04);
display: none;
}
#iban-widget .iw-result.iw-visible {
display: block;
animation: iw-fadeIn 0.4s ease both;
}
@keyframes iw-fadeIn {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
#iban-widget .iw-result-label {
font-size: 0.68rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--iw-green);
font-family: var(--iw-mono);
margin-bottom: 0.5rem;
}
#iban-widget .iw-iban-display {
font-family: var(--iw-mono);
font-size: 1.35rem;
font-weight: 500;
letter-spacing: 0.12em;
color: var(--iw-text);
word-break: break-all;
}
#iban-widget .iw-iban-display .iw-cc { color: var(--iw-green); }
#iban-widget .iw-iban-display .iw-cd { color: #a0b0d0; }
#iban-widget .iw-iban-display .iw-bk { color: #8ecfb0; }
#iban-widget .iw-iban-display .iw-ac { color: var(--iw-text); }
#iban-widget .iw-meta {
margin-top: 0.75rem;
display: flex;
gap: 1.5rem;
flex-wrap: wrap;
}
#iban-widget .iw-meta-item {
font-family: var(--iw-mono);
font-size: 0.68rem;
}
#iban-widget .iw-meta-k {
color: var(--iw-muted);
text-transform: uppercase;
letter-spacing: 0.08em;
}
#iban-widget .iw-meta-v {
color: var(--iw-text);
margin-top: 0.1rem;
}
#iban-widget .iw-divider {
border: none;
border-top: 1px solid var(--iw-border);
margin: 1.5rem 0;
}
#iban-widget .iw-footer {
text-align: center;
font-family: var(--iw-mono);
font-size: 0.65rem;
color: var(--iw-muted);
line-height: 1.6;
}
/* ── Responsive ── */
@media (max-width: 600px) {
#iban-widget {
padding: 0;
}
#iban-widget .iw-card {
padding: 1.75rem 1.25rem;
border-radius: 0 0 16px 16px;
}
#iban-widget .iw-flag-bar {
border-radius: 16px 16px 0 0;
}
#iban-widget .iw-title {
font-size: 1.4rem;
}
#iban-widget .iw-iban-display {
font-size: 1rem;
letter-spacing: 0.08em;
}
#iban-widget .iw-meta {
gap: 1rem;
}
#iban-widget .iw-result {
padding: 1rem;
}
#iban-widget .iw-bank-display {
flex-direction: column;
align-items: flex-start;
gap: 0.3rem;
}
}
@media (max-width: 380px) {
#iban-widget .iw-card {
padding: 1.25rem 1rem;
}
#iban-widget .iw-title {
font-size: 1.2rem;
}
#iban-widget .iw-iban-display {
font-size: 0.85rem;
}
#iban-widget .iw-meta {
flex-direction: column;
gap: 0.6rem;
}
}
(function () {
var accountInput = document.getElementById('iw-accountInput');
var charCount = document.getElementById('iw-charCount');
var acctError = document.getElementById('iw-acctError');
var resultBox = document.getElementById('iw-resultBox');
var generateBtn = document.getElementById('iw-generateBtn');
accountInput.addEventListener('input', function () {
accountInput.value = accountInput.value.replace(/\D/g, '');
var len = accountInput.value.length;
charCount.textContent = len > 0 ? len + ' / 12 digits' : '';
charCount.className = 'iw-char-count' + (len === 12 ? ' iw-ok' : '');
// Clear errors while typing — only validate on submit
accountInput.classList.remove('iw-error');
acctError.style.display = 'none';
if (len === 0) resultBox.classList.remove('iw-visible');
});
function mod97(str) {
var remainder = 0;
for (var i = 0; i = 65 && code <= 90 ? (code - 55).toString() : c;
}).join('');
var checkDigits = 98 - mod97(numeric);
return checkDigits.toString().padStart(2, '0');
}
function generateIBAN() {
var bankCode = '084';
var accountNum = accountInput.value.trim();
if (accountNum.length !== 12 || !/^\d{12}$/.test(accountNum)) {
accountInput.classList.add('iw-error');
acctError.textContent = accountNum.length < 12
? 'Account number must be exactly 12 digits (' + accountNum.length + ' entered)'
: 'Account number must contain digits only';
acctError.style.display = 'block';
return;
}
var checkDigits = calcCheckDigits('AE', bankCode, accountNum);
var ibanRaw = 'AE' + checkDigits + bankCode + accountNum.padStart(16, '0');
var cc = ibanRaw.slice(0, 2);
var cd = ibanRaw.slice(2, 4);
var bk = ibanRaw.slice(4, 7);
var ac = ibanRaw.slice(7);
document.getElementById('iw-ibanDisplay').innerHTML =
'' + cc + '' +
'' + cd + '\u2009' +
'' + bk + '\u2009' +
'' + ac.match(/.{1,4}/g).join('\u2009') + '';
document.getElementById('iw-ibanMeta').innerHTML =
'' +
'' +
'' +
'';
resultBox.classList.remove('iw-visible');
void resultBox.offsetWidth;
resultBox.classList.add('iw-visible');
}
generateBtn.addEventListener('click', generateIBAN);
accountInput.addEventListener('keydown', function (e) {
if (e.key === 'Enter') generateIBAN();
});
})();
UAE Banking
IBAN Generator
ISO 13616 · AE format · 23 characters
Bank
بنك الفجيرة الوطني
NBF · 084
Account Number
0 / 12 digits
✦ Generated IBAN
