Сохранение email в файл

форма которая сохраняет email пишется в форме почтовый ящик проверяется в том числе критические почтовые ящики нажимается на кнопку сохранить и динамически сохраняется очищая форму для нового ящика полученную почту сохранять в файл email.json перед этом считая файл и проверив на дубликаты почты

Вот пример простой HTML-формы с JavaScript, которая:

Сохраняет введённый email в файл email.json
Проверяет на корректность email (включая критичные проверки)
Исключает дубликаты (считывая файл перед сохранением)
Очищает форму после добавления email

Для работы с файлами и серверной логики нужен бэкенд — например, на Node.js. Я покажу полный рабочий пример.

📂 Файлы проекта

index.html — форма на фронтенде
server.js — сервер на Node.js
email.json — создаётся автоматически, если его нет

✅ 1. HTML + JS (index.html)

html
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Email форма</title>
</head>
<body>
  <h2>Добавить Email</h2>
  <form id="emailForm">
    <input type="email" id="emailInput" required placeholder="Введите email" />
    <button type="submit">Сохранить</button>
    <p id="message"></p>
  </form>

  <script>
    const form = document.getElementById('emailForm');
    const input = document.getElementById('emailInput');
    const message = document.getElementById('message');

    form.addEventListener('submit', async (e) => {
      e.preventDefault();
      const email = input.value.trim();

      // Базовая валидация email
      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
      if (!emailRegex.test(email)) {
        message.textContent = 'Неверный формат email.';
        return;
      }

      // Отправка на сервер
      const response = await fetch('/save-email', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ email })
      });

      const result = await response.json();
      message.textContent = result.message;

      if (response.ok) {
        input.value = ''; // очистить форму
      }
    });
  </script>
</body>
</html>

⚙️ 2. Сервер Node.js (server.js)

js
const express = require('express');
const fs = require('fs');
const path = require('path');

const app = express();
const PORT = 3000;
const EMAIL_FILE = path.join(__dirname, 'email.json');

app.use(express.json());
app.use(express.static(__dirname)); // Для обслуживания index.html

// Создать файл email.json если не существует
if (!fs.existsSync(EMAIL_FILE)) {
  fs.writeFileSync(EMAIL_FILE, JSON.stringify([]));
}

app.post('/save-email', (req, res) => {
  const { email } = req.body;
  if (!email) {
    return res.status(400).json({ message: 'Email отсутствует' });
  }

  const emails = JSON.parse(fs.readFileSync(EMAIL_FILE, 'utf-8'));

  if (emails.includes(email)) {
    return res.status(409).json({ message: 'Email уже существует' });
  }

  emails.push(email);
  fs.writeFileSync(EMAIL_FILE, JSON.stringify(emails, null, 2));
  res.status(200).json({ message: 'Email успешно сохранён' });
});

app.listen(PORT, () => {
  console.log(`Сервер запущен: http://localhost:${PORT}`);
});

🧪 Как запустить

Установи Node.js (если не установлен)
Создай папку проекта и положи в неё файлы index.html и server.js

В консоли:

bash
npm init -y
npm install express
node server.js

Открой в браузере http://localhost:3000

💬 Хочешь:

Расширить валидацию email?
Добавить логгирование или временные метки?
Проверять MX-записи email?

Я могу помочь — просто уточни.

Node.js переписать php

Вот PHP-версия функционала, который ты просил: форма для ввода email, проверка валидности, сохранение email в файл email.json без дубликатов, очистка поля после отправки.

📁 Структура проекта

pgsql
/project-folder
  ├── index.html
  ├── save_email.php
  └── email.json (создаётся автоматически)

✅ `index.html`

html
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Email форма</title>
</head>
<body>
  <h2>Добавить Email</h2>
  <form id="emailForm">
    <input type="email" id="emailInput" required placeholder="Введите email" />
    <button type="submit">Сохранить</button>
    <p id="message"></p>
  </form>

  <script>
    const form = document.getElementById('emailForm');
    const input = document.getElementById('emailInput');
    const message = document.getElementById('message');

    form.addEventListener('submit', async (e) => {
      e.preventDefault();
      const email = input.value.trim();

      // Простая проверка email
      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
      if (!emailRegex.test(email)) {
        message.textContent = 'Неверный формат email.';
        return;
      }

      const response = await fetch('save_email.php', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ email })
      });

      const result = await response.json();
      message.textContent = result.message;

      if (response.ok) {
        input.value = '';
      }
    });
  </script>
</body>
</html>

⚙️ `save_email.php`

php
<?php
header('Content-Type: application/json');

$input = json_decode(file_get_contents('php://input'), true);
$email = trim($input['email'] ?? '');

if (!$email || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
    http_response_code(400);
    echo json_encode(['message' => 'Неверный формат email']);
    exit;
}

$file = 'email.json';

if (!file_exists($file)) {
    file_put_contents($file, json_encode([]));
}

$emails = json_decode(file_get_contents($file), true);

// Проверка на дубликат
if (in_array($email, $emails)) {
    http_response_code(409);
    echo json_encode(['message' => 'Email уже существует']);
    exit;
}

// Добавление email
$emails[] = $email;
file_put_contents($file, json_encode($emails, JSON_PRETTY_PRINT));

echo json_encode(['message' => 'Email успешно сохранён']);

🧪 Как запустить

Скопируй файлы в папку.
Размести проект на сервере с поддержкой PHP (например, XAMPP, OpenServer, Denwer или хостинг).
Перейди в браузере на http://localhost/index.html

🔒 Рекомендации для продакшена

Храни данные вне веб-директории.
Используй проверку и фильтрацию email (вплоть до DNS-проверки).
Добавь защиту от спама (например, CAPTCHA или лимит по IP).
Можно записывать дату добавления email.

Хочешь добавить дату, ограничение по количеству или другую логику? Напиши — помогу.

Проверять MX-записи email? Используй проверку и фильтрацию email (вплоть до DNS-проверки).

Да, ты можешь проверять MX-записи домена email-адреса в PHP — это позволяет убедиться, что домен действительно принимает почту (т.е. существует почтовый сервер).

Это полезное дополнение к обычной валидации, и отсекает фальшивые email типа test@nosuchdomain.zzz.

✅ Как работает MX-проверка в PHP

Извлекаем домен из email.
Проверяем, есть ли у него MX-запись с помощью checkdnsrr().

✍️ Обновлённый `save_email.php` с MX-проверкой

php
<?php
header('Content-Type: application/json');

$input = json_decode(file_get_contents('php://input'), true);
$email = trim($input['email'] ?? '');

// 1. Базовая валидация синтаксиса email
if (!$email || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
    http_response_code(400);
    echo json_encode(['message' => 'Неверный формат email']);
    exit;
}

// 2. Проверка MX-записи домена
$domain = substr(strrchr($email, "@"), 1);
if (!checkdnsrr($domain, "MX")) {
    http_response_code(400);
    echo json_encode(['message' => 'У домена нет MX-записей, email недействителен']);
    exit;
}

// 3. Работа с JSON-файлом
$file = 'email.json';

if (!file_exists($file)) {
    file_put_contents($file, json_encode([]));
}

$emails = json_decode(file_get_contents($file), true);

// 4. Проверка на дубликаты
if (in_array($email, $emails)) {
    http_response_code(409);
    echo json_encode(['message' => 'Email уже существует']);
    exit;
}

// 5. Сохранение
$emails[] = $email;
file_put_contents($file, json_encode($emails, JSON_PRETTY_PRINT));

echo json_encode(['message' => 'Email успешно сохранён']);

🔍 Пример: как работает

Вводишь: test@gmail.com — сохранится (у Gmail есть MX).
Вводишь: example@invalid-domain.zzz — будет ошибка У домена нет MX-записей.

ℹ️ Важно знать

checkdnsrr() работает только на серверах с включённым доступом к DNS (не всегда доступно на бесплатных хостингах).
Можно дополнить проверкой A-записи как запасной вариант.

Хочешь сделать расширенную проверку — например, с пингом SMTP сервера (реально узнавать, существует ли email)? Такое возможно, но требует более сложной логики — скажи, и я покажу, как.

переделать messege на вывод html сообщений текста очистить messege нажатьем на Сохранить

ChatGPT может допускать ошибки. Рекомендуем проверять важную информацию.

Вы сказали:

ChatGPT сказал:

📂 Файлы проекта

✅ 1. HTML + JS (index.html)

⚙️ 2. Сервер Node.js (server.js)

🧪 Как запустить

💬 Хочешь:

Вы сказали:

ChatGPT сказал:

📁 Структура проекта

✅ index.html

⚙️ save_email.php

🧪 Как запустить

🔒 Рекомендации для продакшена

Вы сказали:

ChatGPT сказал:

✅ Как работает MX-проверка в PHP

✍️ Обновлённый save_email.php с MX-проверкой

🔍 Пример: как работает

ℹ️ Важно знать

Вы сказали:

ChatGPT сказал:

✅ `index.html`

⚙️ `save_email.php`

✍️ Обновлённый `save_email.php` с MX-проверкой