Bank IFSC Code Checker Tool

Bank IFSC Code Checker

Enter IFSC Code:

* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Arial', sans-serif; background-color: #f5f5f5; display: flex; justify-content: center; align-items: center; height: 100vh; color: #333; } .container { background-color: #ffffff; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); width: 90%; max-width: 600px; text-align: center; } h1 { color: #4CAF50; margin-bottom: 20px; } .input-group { margin-bottom: 20px; text-align: left; } label { font-size: 18px; color: #333; } input { width: 100%; padding: 10px; font-size: 16px; border: 2px solid #ddd; border-radius: 5px; margin-top: 10px; text-transform: uppercase; } button { background-color: #4CAF50; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease; } button:hover { background-color: #45a049; } .result { margin-top: 20px; text-align: left; padding: 10px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; display: none; } .result p { margin-bottom: 10px; } @media (max-width: 600px) { input { font-size: 14px; } button { font-size: 14px; padding: 8px 16px; } } // Function to validate the IFSC code format function validateIFSC(ifsc) { const regex = /^[A-Z]{4}0[A-Z0-9]{6}$/; return regex.test(ifsc); } // Function to fetch bank details based on IFSC code async function fetchBankDetails(ifscCode) { const apiUrl = `https://ifsc.razorpay.com/${ifscCode}`; try { const response = await fetch(apiUrl); if (!response.ok) { throw new Error("Invalid IFSC Code"); } const data = await response.json(); displayBankDetails(data); } catch (error) { displayError(error.message); } } // Function to display bank details function displayBankDetails(data) { const resultDiv = document.getElementById('result'); resultDiv.style.display = 'block'; resultDiv.innerHTML = `

Bank: ${data.BANK}

Branch: ${data.BRANCH}

Address: ${data.ADDRESS}

City: ${data.CITY}

State: ${data.STATE}

`; } // Function to display error message function displayError(message) { const resultDiv = document.getElementById('result'); resultDiv.style.display = 'block'; resultDiv.innerHTML = `

${message}

`; } // Event listener for the Check button document.getElementById('checkButton').addEventListener('click', function() { const ifscCode = document.getElementById('ifscCode').value.trim(); if (!validateIFSC(ifscCode)) { displayError('Please enter a valid IFSC code in the correct format (e.g. SBIN0000001).'); } else { fetchBankDetails(ifscCode); } }); Features: Input Validation: Checks if the IFSC code follows the correct format (e.g., 4 letters, a 0, and 6 alphanumeric characters). API Integration: Fetches bank details from the Razorpay free IFSC API. Responsive Design: Works seamlessly on both desktop and mobile devices. Colorful Styling: Clean and modern user interface with interactive elements. How It Works: IFSC Code Input: The user inputs an IFSC code. Validation: The code is validated against the correct pattern using a regular expression. API Call: If the IFSC code is valid, an API call retrieves the bank details. Display Results: The bank's name, branch, address, city, and state are displayed, or an error message is shown if the IFSC is incorrect. This tool helps users check the validity and details of any IFSC code effortlessly.