Весь ли введенный текст преобразуется в IP

Валидация и преобразование пользовательского ввода

Не весь текст должен преобразовываться автоматически. Необходимо различать:

1. Валидация — проверка соответствия формату (email, URL, IP-адрес)
2. Трансформация — изменение формата данных (trim, toLowerCase)
3. Санитизация — удаление опасного содержимого

Валидация на фронте

function isValidIP(input) {
  const ipv4Regex = /^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$/;
  return ipv4Regex.test(input);
}

Безопасная трансформация

function sanitizeInput(input) {
  const trimmed = input.trim();
  if (!trimmed) return null;
  return trimmed.toLowerCase();
}

HTML Input валидация

const emailInput = document.querySelector('input[type="email"]');
if (emailInput.checkValidity()) {
  console.log('Email валиден');
}

Валидация URL и IP

function isValidURL(string) {
  try {
    new URL(string);
    return true;
  } catch (_) {
    return false;
  }
}

function isValidIPv4(ip) {
  const parts = ip.split('.');
  if (parts.length !== 4) return false;
  
  return parts.every(part => {
    const num = parseInt(part, 10);
    return !isNaN(num) && num >= 0 && num <= 255;
  });
}

Обработка формы с валидацией

function handleFormSubmit(event) {
  event.preventDefault();
  
  const formData = new FormData(event.target);
  const data = Object.fromEntries(formData);
  
  const errors = {};
  
  if (!data.email.includes('@')) {
    errors.email = 'Email должен содержать @';
  }
  
  if (data.ip && !isValidIPv4(data.ip)) {
    errors.ip = 'IP-адрес невалиден';
  }
  
  if (Object.keys(errors).length > 0) {
    console.log('Ошибки валидации:', errors);
    return;
  }
  
  fetch('/api/submit', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(data)
  });
}

Валидация на сервере (обязательна)

app.post('/api/submit', (req, res) => {
  const { email, ip } = req.body;
  
  if (!isValidEmail(email)) {
    return res.status(400).json({ error: 'Invalid email' });
  }
  
  if (ip && !isValidIPv4(ip)) {
    return res.status(400).json({ error: 'Invalid IP' });
  }
  
  res.json({ success: true });
});

Санитизация HTML

const userText = '<script>alert(XSS)</script>';

const div = document.createElement('div');
div.textContent = userText;
console.log(div.innerHTML);

Основные правила

1. Валидация на фронте — для улучшения UX
2. Валидация на сервере — ОБЯЗАТЕЛЬНА для безопасности
3. Не преобразовывай все данные автоматически — потеря информации
4. Санитизируй HTML — защита от XSS
5. Используй input типы — type="email", type="url"

Вывод

Не весь введённый текст должен преобразовываться автоматически. Необходима явная валидация на обеих сторонах: фронте и сервере.