Kontaktní formulář s reCaptcha v PHP, jQuery a Bootstrap

jQuery(document).ready(function ($) { var elementSelector = ".elementor-element-8e297a9"; var $element = jQuery(elementSelector); // Adding the HTML structure $element.prepend(''); // Initialize vegas background slider $element.children('.eae-section-bs').children('.eae-section-bs-inner').vegas({ slides: [{"src":"https:\/\/www.clonet.cz\/wp-content\/uploads\/2022\/01\/analyza-webu-zdarma-clonet-cz.jpg"}], transition: 'fade', animation: 'random', overlay: 'https://www.clonet.cz/wp-content/plugins/addon-elements-for-elementor-page-builder//assets/lib/vegas/overlays/00.png', cover: true, delay: 5000, timer: false }); // Clear the overlay if custom overlay switcher is set to 'yes' if ('' === 'yes') { $element.find('.vegas-overlay').css('background-image', ''); } }); Kontaktní formulář s reCaptcha v PHP, jQuery a Bootstrap Zde je script ukázkový kód kontaktního formuláře v PHP a Javascriptu, který nasadíme do šablony s Bootstrap 4.5 a jQuery a bude chráněn proti spamu pomocí Google reCAPTCHA. Jedná se o základní script k možnému uzpůsobení. Nejprve importujeme potřebné knihovny Bootstrap 4.5, jQuery a Google reCAPTCHA do naší šablony: <!DOCTYPE html><html><head><title>Kontaktní formulář</title><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"><script src="https://code.jquery.com/jquery-3.5.1.min.js"></script><script src="https://www.google.com/recaptcha/api.js" async defer></script></head><body><div class="container mt-5"><form action="send_email.php" method="POST"><div class="form-group"><label for="name">Jméno:</label><input type="text" class="form-control" id="name" name="name" required></div><div class="form-group"><label for="email">Email:</label><input type="email" class="form-control" id="email" name="email" required></div><div class="form-group"><label for="message">Zpráva:</label><textarea class="form-control" id="message" name="message" rows="5" required></textarea></div><div class="form-group"><div class="g-recaptcha" data-sitekey="YOUR_SITE_KEY"></div></div><button type="submit" class="btn btn-primary">Odeslat</button></form></div></body></html> Kód PHP send_email.php pro zpracování odeslaného formuláře a odeslání emailu: <?phpif($_SERVER["REQUEST_METHOD"] == "POST") {$name = $_POST['name'];$email = $_POST['email'];$message = $_POST['message']; // Validace reCAPTCHA$recaptcha_secret = "YOUR_SECRET_KEY";$recaptcha_response = $_POST['g-recaptcha-response'];$recaptcha_url = "https://www.google.com/recaptcha/api/siteverify?secret=$recaptcha_secret&response=$recaptcha_response";$recaptcha = json_decode(file_get_contents($recaptcha_url)); if($recaptcha->success) {$to = 'VAS_EMAIL';$subject = 'Nová zpráva z kontaktního formuláře';$body = "Jméno: $name \nEmail: $email \nZpráva: $message";$headers = 'From: ' . $email; if(mail($to, $subject, $body, $headers)) {echo 'Email byl úspěšně odeslán.';} else {echo 'Něco se pokazilo. Zkuste to prosím znovu.';}} else {echo 'Prosím potvrďte, že nejste robot.';}} else {header('Location: index.php');}?> Nezapomeňte nahradit YOUR_SITE_KEY a YOUR_SECRET_KEY správnými klíči pro Google reCAPTCHA. Tímto způsobem vytvořený kontaktní formulář bude chráněn proti spamu a bude odesílat emaily na zadanou adresu VAS_EMAIL

projít na článek

Bootstrap from Twitter

We are happy to announce Bootstrap, a front-end toolkit for rapidly developing web applications. It is a collection of CSS and HTML conventions. It uses some of the latest browser techniques to provide you with stylish typography, forms, buttons, tables,

projít na článek

SENIOR Front-end developer

Hledáme zkušeného Front-end developera se znalostí JavaScript, CSS, bootstrap, jQuery, ,  pro práci na vývoji interní aplikace a její implementace na zákaznické systémy u velké nadnárodní společnosti, která je naším váženým zákazníkem. Lokalita Brno / Ost

projít na článek

Ambulance je otevřena novým klientům

Pokud máte zájem o registraci v naší ambulanci, domluvte si termín návštěvy nebo přijďte v ordinačních hodinách, s sebou potřebujete jen kartičku zdravotní pojišťovny. Můžete použít též kontaktní formulář.

projít na článek

Formulář

The post Formulář first appeared on Nejlepší české vtipy.

projít na článek

Nedokončený nákup v Mauticu a WooCommerce

Upozornit klienta na nedokončený nákup a položky v košíku patří mezi pokročilejší marketingové praktiky. Já vám ukážu, jak něco podobného nastavit v Mauticu ve spojení s WooCommerce. Tento návod je ale velice jednoduše aplikovatelný i na jiná e-shopová ře

projít na článek