как всплывающее предупреждение при отправке формы

#php #html #forms

Вопрос:

У меня есть регистрационная форма, и когда люди заполняют форму и отправляют ее, я хочу показать всплывающее окно, но проблема в том, что оно не работает. вот код:

 <?php
    // result is when it's all good
    if ($result) {
        echo '<div class="vai-accedi">
                <div class="vai-accedi2">
                    <div class="vai-accedi3">
                        <p>Congratulazioni! Registrazione Completata, puoi procedere ad accedere al tuo account. clicca ok per procedere</p>
                        <a href="catalogo-prodotti.php">Ok</a>
                    </div>
                </div>
            </div>';
    }
?>
 

Весь код

 <!-- signup backend connection  -->
<?php

include 'dbcon.php';

session_start();
// error_reporting(0);


// if (isset($_SESSION['nome'])) {
//     header("Location: header.php");
// }
  

if (isset($_POST['submit'])) {
    $nome = mysqli_real_escape_string($conn,$_POST['nome']);
    $cvn = mysqli_real_escape_string($conn,$_POST['cittàvn°']);
    $numerodicell = mysqli_real_escape_string($conn,$_POST['numerodicell']);
    $email = mysqli_real_escape_string($conn,$_POST['email']);
    $password = mysqli_real_escape_string($conn,$_POST['password']);
    $confpassword = mysqli_real_escape_string($conn,$_POST['confpassword']);
    $password = md5($_POST['password']);
    $confpassword = md5($_POST['confpassword']);


    if ($password == $confpassword) {
        $sql = "SELECT * FROM utenti WHERE email='$email'";
        $result = mysqli_query($conn, $sql);
        if (!$result->num_rows > 0) {
            $sql = "INSERT INTO utenti (nome,cittàvn°, numerodicell, email, password, confpassword)
                    VALUES ('$nome','$cvn','$numerodicell','$email','$password','$confpassword')";
            $result = mysqli_query($conn, $sql);
            if ($result) {
                // echo "<script>alert('Congratulazioni! Registrazione Completata, puoi procedere ad accedere al tuo account. clicca ok per procedere')</script>";
                echo '<div class="vai-accedi">
            <div class="vai-accedi2">
                <div class="vai-accedi3">

                    
                    <p>Congratulazioni! Registrazione Completata, puoi procedere ad accedere al tuo account. clicca ok per procedere</p>

                    <a href="catalogo-prodotti.php">Ok</a>
                </div>
            </div>


        </div>';
            
                // header( "Refresh:1; url='login.php'");
                
                $nome = "";
                $cvn = "";
                $numerodicell = "";
                $email = "";
                $_POST['password'] = "";
                $_POST['confpassword'] = "";
            } else {
                echo "<script>alert('oops! qualcosa è andato storto.')</script>";
            }
        } else {
            echo "<script>alert('oops! Email già registrata.')</script>";
        }
        
    } else {
        echo "<script>alert('le due password non combaciano.')</script>";
    }
}

?>      
<!-- signup backend connection  -->


    <div class="registrati">
        <div class="registratiinner registratiinner2">

            <h1>Registrati</h1>
            <form action="" class="sign-up-form" method="POST" style="width:100%;">
            <div class="input-wrapper">

            <input type="text" placeholder="Nome" name="nome" required>
            </div>
            <div class="input-wrapper">
                <input type="text" placeholder="Citta,Via,n°" required  name="cittàvn°">
            </div>
            <div class="input-wrapper">
                <input type="text" placeholder="Numero di Cellulare" required  name="numerodicell">
            </div>
            <div class="input-wrapper">
                <input type="email" placeholder="Email" required  name="email">
            </div>
            <div class="input-wrapper">
                <input type="password" placeholder="Crea una Nuova Password" required  name="password">
            </div>
            <div class="input-wrapper">
                <input type="password" placeholder="Conferma Password" required  name="confpassword">
            </div>
            <div class="accetti">
                <p style="font-size: 1.8rem; margin-top: 0;">Inviando accetti <a href="#">Termini amp; Condizioni</a></p>
            </div>
            <button type="submit" class="contact-button" style="border-radius: .5rem;" name="submit" type="submit">Registrati</button>
        </form>
 

Комментарии:

1. не могли бы вы, пожалуйста, опубликовать свою функцию отправки?

2. Вы не использовали никаких всплывающих окон или предупреждений в условии успешного результата. Вот почему он просто показывает обычный текст на веб-странице. Или, может быть, вы написали это, но поделились здесь. Пожалуйста, опубликуйте и это.

3. @RamishaMukhtar это ничего не показывает, в нем есть класс .vai-accedi, который я отредактировал в абсолютной позиции с черным фоном, и люди должны нажать » ок » и перейти на другую страницу. это не работает. это не отображается .vai-доступ в отправленной форме

4. Так что же $result это такое ? Как он заселен? Что в нем содержится? Скрывает ли какой-либо CSS элементы? Вы проверили, выводится ли HTML-код в исходном коде (щелкните правой кнопкой мыши на странице и выберите «Просмотреть исходный код страницы»)? Здесь слишком много неизвестного.

5. это-vai-accedi css «‘ .vai-accedi{ позиция: абсолютная; вверху: 0; слева: 0; справа: 0; внизу: 0; z-индекс: 2; цвет фона: rgba(0, 0, 0, 0.6); /* дисплей: нет; */ } «‘