Phone Number Validator JS

import { parsePhoneNumberFromString } from '@devmehq/phone-number-validator-js';

// Parse and validate a phone number
const phoneNumber = parsePhoneNumberFromString('+14155552671');

if (phoneNumber) {
  console.log(phoneNumber.isValid());        // true
  console.log(phoneNumber.country);          // 'US'
  console.log(phoneNumber.formatNational()); // '(415) 555-2671'
  console.log(phoneNumber.formatInternational()); // '+1 415 555 2671'
  console.log(phoneNumber.getType());        // 'MOBILE' or 'FIXED_LINE'
}

import { geocoder, carrier, timezones, parsePhoneNumberFromString } from '@devmehq/phone-number-validator-js';

// Get carrier information
const mobileNumber = parsePhoneNumberFromString('+8619912345678');
const carrierName = carrier(mobileNumber, 'en');
console.log(carrierName); // 'China Telecom'

// Get location information
const fixedLineNumber = parsePhoneNumberFromString('+41431234567');
const location = geocoder(fixedLineNumber, 'en');
console.log(location); // 'Zurich'

// Get timezone information
const phoneNumber = parsePhoneNumberFromString('+12125551234');
const tzList = timezones(phoneNumber);
console.log(tzList); // ['America/New_York']

import { parsePhoneNumberFromString } from '@devmehq/phone-number-validator-js';

// Parse numbers from different countries
const usNumber = parsePhoneNumberFromString('+1 415 555 2671');
const ukNumber = parsePhoneNumberFromString('+44 20 7123 1234');
const jpNumber = parsePhoneNumberFromString('+81 3-1234-5678');

// Format for display
console.log(usNumber.formatNational());  // '(415) 555-2671'
console.log(ukNumber.formatNational());  // '020 7123 1234'
console.log(jpNumber.formatNational());  // '03-1234-5678'

// Get country information
console.log(usNumber.country);  // 'US'
console.log(ukNumber.country);  // 'GB'
console.log(jpNumber.country);  // 'JP'

// Check number types
console.log(usNumber.getType());  // 'MOBILE' or 'FIXED_LINE'
console.log(ukNumber.getType());  // 'FIXED_LINE'
console.log(jpNumber.getType());  // 'FIXED_LINE'

// React form with phone validation
const PhoneForm = () => {
  const [phone, setPhone] = useState('');
  const [validation, setValidation] = useState(null);

  const validatePhone = (value) => {
    try {
      const phoneNumber = parsePhoneNumberFromString(value);
      
      if (phoneNumber && phoneNumber.isValid()) {
        const info = {
          valid: true,
          formatted: phoneNumber.formatInternational(),
          country: phoneNumber.country,
          type: phoneNumber.getType(),
          carrier: carrier(phoneNumber, 'en'),
          location: geocoder(phoneNumber, 'en'),
          timezone: timezones(phoneNumber)
        };
        setValidation(info);
      } else {
        setValidation({ valid: false, error: 'Invalid phone number' });
      }
    } catch (error) {
      setValidation({ valid: false, error: error.message });
    }
  };

  return (
    <div>
      <input
        type="tel"
        value={phone}
        onChange={(e) => {
          setPhone(e.target.value);
          validatePhone(e.target.value);
        }}
        placeholder="+1 415 555 2671"
      />
      {validation && (
        <div>
          {validation.valid ? (
            <>
              ✅ Valid: {validation.formatted}
              Country: {validation.country}
              Type: {validation.type}
              Carrier: {validation.carrier}
            </>
          ) : (
            <>❌ {validation.error}</>
          )}
        </div>
      )}
    </div>
  );
};