Notifications
Mark all as read
Order Completed
Your order #1234 has been completed successfully
5 minutes ago
New Message
You have a new message from John Doe
10 minutes ago
Storage Warning
Your storage is almost full (90% used)
1 hour ago
New User Registered
Sarah Wilson just joined your team
2 hours ago
Payment Failed
Payment for invoice #5678 failed
Yesterday
View all notifications

Form Validation

Contoh validasi client-side sederhana
Bootstrap Custom Messages
Bootstrap Validation
Please enter your name.
Enter a valid email.
HTML + JS
<form class="needs-validation" novalidate>...</form>
// JS
(()=>{const form=document.getElementById('valForm1');form.addEventListener('submit',e=>{if(!form.checkValidity()){e.preventDefault();e.stopPropagation();}form.classList.add('was-validated');});})();
Custom Messages
3–16 characters
Min. 6 characters
JS
document.getElementById('valForm2').addEventListener('submit', (e) => {
  const u = document.getElementById('u1');
  if (u.value.length < 3) { e.preventDefault(); u.classList.add('is-invalid'); u.setCustomValidity('Username too short'); }
  else { u.classList.remove('is-invalid'); u.setCustomValidity(''); }
});