diff --git a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
index 4086d51..e2f6cba 100644
--- a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
+++ b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
@@ -21,6 +21,10 @@ const TransactionDisbursement = () => {
   const handleSubmit = async (e: any) => {
     e.preventDefault();
     console.log('Submitted Data:', form);
+    if (form.amount == '' || form.customerId == '' || form.pin == '') {
+      toast.warning('Please fill in all required fields.')
+      return
+    }
     try {
       // let requestTopup = await PostData(`${API_URL}/transaction/request-topup`, {
       //   amount: form.topupAmount,
@@ -64,7 +68,7 @@ const TransactionDisbursement = () => {
                 {/* form */}
                 <form onSubmit={handleSubmit} className="space-y-6">
                 <div>
-                  <label htmlFor="customerId">Customer ID</label>
+                  <label htmlFor="customerId">Customer ID</label><span className="text-red-500">*</span>
                   <Input
                     id="customerId"
                     value={form.customerId}
@@ -72,7 +76,7 @@ const TransactionDisbursement = () => {
                   />
                 </div>
                 <div>
-                  <label htmlFor="amount">Amount</label>
+                  <label htmlFor="amount">Amount</label><span className="text-red-500">*</span>
                   <Input
                     id="amount"
                     type="number"
@@ -81,7 +85,7 @@ const TransactionDisbursement = () => {
                   />
                 </div>
                 <div>
-                  <label htmlFor="pin">PIN</label>
+                  <label htmlFor="pin">PIN</label><span className="text-red-500">*</span>
                   <Input
                     id="pin"
                     type="password"
diff --git a/src/pages/transaction/topup/TransactionTopup.tsx b/src/pages/transaction/topup/TransactionTopup.tsx
index d6e343c..ed81fe3 100644
--- a/src/pages/transaction/topup/TransactionTopup.tsx
+++ b/src/pages/transaction/topup/TransactionTopup.tsx
@@ -20,6 +20,11 @@ const TransactionTopup = () => {
   const handleSubmit = async (e: any) => {
     e.preventDefault();
     console.log('Submitted Data:', form);
+
+    if (form.pin == '' || form.topupAmount) {
+      toast.warning('Please fill in all required fields.')
+      return
+    }
     try {
       let requestTopup = await PostData(`${API_URL}/transaction/request-topup`, {
         amount: form.topupAmount,
@@ -62,7 +67,7 @@ const TransactionTopup = () => {
                 {/* form */}
                 <form onSubmit={handleSubmit} className="space-y-6">
                   <div>
-                    <label htmlFor="topupAmount">Topup Amount</label>
+                    <label htmlFor="topupAmount">Topup Amount</label><span className="text-red-500">*</span>
                     <Input
                       id="topupAmount"
                       type="number"
@@ -71,7 +76,7 @@ const TransactionTopup = () => {
                     />
                   </div>
                   <div>
-                    <label htmlFor="pin">PIN</label>
+                    <label htmlFor="pin">PIN</label><span className="text-red-500">*</span>
                     <Input
                       id="pin"
                       type="password"