react-native-input-helper

react-native-input-helper

A lightweight utility library for validating and formatting:

• ✅ All major phone number formats (international-ready)
• ✅ All IBAN types from supported countries
• ✅ All common credit card types (Visa, MasterCard, Troy, and more)

Built to work seamlessly in React Native environments. Ideal for performance-focused apps that want an all-in-one input helper without bloating their bundle.

🚀 Why use this library?

Unlike other libraries that handle only one input type — or require pulling in multiple large packages — react-native-input-helper provides:

• 🔹 Unified validation and formatting API
• 🔹 Minimal bundle size — much smaller than using validator.js + libphonenumber + iban + creditcard utils separately
• 🔹 Works out of the box with React Native (no native dependencies)

📦 Comparison

Feature	react-native-input-helper	validator.js	libphonenumber-js	iban
Phone number formatting	✅ All formats	❌	✅	❌
IBAN validation	✅ All countries	❌	❌	✅
Credit card types	✅ Visa/Master/Troy/etc	✅ (partial)	❌	❌
Bundle size	🟢 Lightweight (3.73 kB)	⚠️ Larger	⚠️ Larger	Small
All-in-one	✅ Yes	❌	❌	❌

✨ Features

• 📱 Phone Number:
  • Validate phone numbers from all regions
  • Format for display
• 💳 Credit Card:
  • Validate card numbers (Visa, MasterCard, Troy, AmEx, etc.)
  • Identify card type
• 🏦 IBAN:
  • Validate IBAN format
  • Supports all official country formats

📦 Installation

npm install react-native-input-helper
# or
yarn add react-native-input-helper

📘 Usage

import {
  ValidatePhoneNumber,
  FormatPhoneNumber,
  ValidateIban,
  FormatIban,
  ValidateCreditCard,
  FormatCreditCard
} from 'react-native-input-helper';

// Phone
ValidatePhoneNumber('[phone]'); // true
FormatPhoneNumber('[phone]'); // [phone]

// IBAN
ValidateIban('TR330006100519786457841326'); // true
FormatIban('TR330006100519786457841326'); // TR33 0006 1005 1978 6457 8413 26
 //**NOTE**:ValidateIban also supports UBAN that is used in KKTC which starts with 'CT'

// Credit Card
ValidateCreditCard('4111111111111111').isValid; // true
ValidateCreditCard('4111111111111111').type; // 'Visa'
FormatCreditCard('4111111111111111') // 4111 1111 1111 1111

📄 License

MIT

🙌 Contributing

Contributions are welcome! Feel free to open issues or PRs for enhancements or regional validation formats.

🔍 Keywords

react-native, validation, formatter, credit-card, iban, phone-number, lightweight, input-helper