Résolu Crée un formulaire de recrutement

Statut
N'est pas ouverte pour d'autres réponses.

ItsShenyxEU

♥ PS4 / PS3 CFW Rebug 4.82 Lite CEX / PC ♥
Premium
Inscription
4 Mai 2012
Messages
503
Réactions
37
Points
9 278
RGCoins
0
Bonjour je souhaite faire un formulaire de recrutement avec ceci

You must be registered for see images attach


le problème c'est que je c'est pas comment faire pour que quand la personne fini de remplir les conditions, que tous cela m'envoie sur mon mail.

le code html de ma page si sa peut aidé:

HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- META -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Gameforest - Responsive Gaming HTML Theme</title>
 
    <!-- FAVICON -->
    <link rel="shortcut icon" href="img/favicon.ico">
 
    <!-- CORE CSS -->
    <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700' rel='stylesheet' type='text/css'>
 
    <!-- PLUGINS -->
    <link href="plugins/animate/animate.min.css" rel="stylesheet">

    <!-- THEME CSS -->
    <link href="css/theme.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet">
</head>

<body>
    <header>
        <div class="container">
            <span class="bar hide"></span>
            <a href="index.html" class="logo"><img src="img/logo.png" alt=""></a>
            <nav>
                <div class="nav-control">
                    <ul id="nav">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Forums</a></li>
                        <li><a href="#">Team</a></li>
                        <li><a href="#">Streaming</a></li>
                        <li><a href="videos.html">Videos</a></li>
                        <li><a href="contact.html">Contact</a></li>
                </div>
            </nav>
        </div>
    </header>
    <!-- /header -->
 
    <div class="modal-search">
        <div class="container">
            <input type="text" class="form-control" placeholder="Type to search...">
            <i class="fa fa-times close"></i>
        </div>
    </div><!-- /.modal-search -->
 
    <!-- wrapper -->
    <div id="wrapper"> 
        <section class="hero hero-panel" style="background-image: url(img/cover/cover-register.jpg);">
            <div class="hero-bg"></div>
            <div class="container relative">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 pull-none margin-auto">
                        <div class="panel panel-default panel-login">
                            <div class="panel-heading">
                                <h3 class="panel-title"><i class="fa fa-users"></i> Recrutement challenge 2.0 By AzaK Clan</h3>
                            </div>
                            <div class="panel-body">                             
                                <form method="post" action="contact.php">
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-user"></i>
                                        <input type="text" class="form-control" name="pseudo" placeholder="Pseudo">
                                    </div>
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="email" class="form-control" name="mail" placeholder="Email">
                                    </div>
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="text" class="form-control" name="skype" placeholder="Skype">
                                    </div>
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="text" class="form-control" name="age" placeholder="Âge">
                                    </div>
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="text" class="form-control" name="post" placeholder="Player,Streameur,Miniameker,...">
                                    </div>
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="text" class="form-control" name="team" placeholder="Vous avez fait quoi comme team avant ?">
                                    </div>
                                  
                                    <div class="form-group input-icon-left">
                                    <textarea cols="50" rows="5" name="message" placeholder="Mettez vos motivations sur cette zone."></textarea>
                                      
                                    </div>
                                  
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="text" class="form-control" name="azak" placeholder="Comment avez-vous connu la AzaK ?">
                                    </div>
                                  
                                    <input type="submit" class="btn btn-primary btn-block">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
      
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></center>
        

    </div>
    <!-- /#wrapper -->
 
    <!-- footer -->
    <footer>
        <div class="container">
            <div class="widget row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <h4 class="title">Informations AzaK Clan</h4>
                    <p>Nous sommes une team Performance sur Playstaion 4,<br> nous avons crée la team en Mars 2017.</p>
                </div>
                  
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <h4 class="title">Partenaires</h4>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
                            <ul class="nav">
                                <li><a href="#">#</a></li>
                                <li><a href="#">#</a></li>
                                <li><a href="#">#</a></li>
                                <li><a href="#">#</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <h4 class="title">Autres Liens</h4>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
                            <ul class="nav">
                                <li><a href="#">AzaK Clan</a></li>
                                <li><a href="#">NeyK Clan</a></li>
                                <li><a href="#">Digizani</a></li>
                                <li><a href="#">Realitygaming</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
      
        <div class="footer-bottom">
            <div class="container"> 
                <ul class="list-inline">
                    <li><a href="https://twitter.com/AzakClan" class="twitter-follow-button" data-show-count="false">Follow @AzakClan</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></li><br>
                    <a href="https://twitter.com/intent/tweet?screen_name=AzakClan" class="twitter-mention-button" data-show-count="false">Tweet to @AzakClan</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                </ul>
                &copy; 2017 AzaK Clan, Thème By Gameforest. All rights reserved.
            </div>
        </div>
    </footer> 
    <!-- /.footer -->
 
    <!-- Javascript -->
    <script src="plugins/jquery/jquery-3.1.0.min.js"></script>
    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="js/core.min.js"></script>
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
    <script src="https://apis.google.com/js/platform.js"></script>

</body>
</html>

Voila merci
 
Dernière édition par un modérateur:
Bonjour je souhaite faire un formulaire de recrutement avec ceci

You must be registered for see images attach


le problème c'est que je c'est pas comment faire pour que quand la personne fini de remplir les conditions, que tous cela m'envoie sur mon mail.

le code html de ma page si sa peut aidé:

HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- META -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Gameforest - Responsive Gaming HTML Theme</title>
 
    <!-- FAVICON -->
    <link rel="shortcut icon" href="img/favicon.ico">
 
    <!-- CORE CSS -->
    <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700' rel='stylesheet' type='text/css'>
 
    <!-- PLUGINS -->
    <link href="plugins/animate/animate.min.css" rel="stylesheet">

    <!-- THEME CSS -->
    <link href="css/theme.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet">
</head>

<body>
    <header>
        <div class="container">
            <span class="bar hide"></span>
            <a href="index.html" class="logo"><img src="img/logo.png" alt=""></a>
            <nav>
                <div class="nav-control">
                    <ul id="nav">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Forums</a></li>
                        <li><a href="#">Team</a></li>
                        <li><a href="#">Streaming</a></li>
                        <li><a href="videos.html">Videos</a></li>
                        <li><a href="contact.html">Contact</a></li>
                </div>
            </nav>
        </div>
    </header>
    <!-- /header -->
 
    <div class="modal-search">
        <div class="container">
            <input type="text" class="form-control" placeholder="Type to search...">
            <i class="fa fa-times close"></i>
        </div>
    </div><!-- /.modal-search -->
 
    <!-- wrapper -->
    <div id="wrapper">
        <section class="hero hero-panel" style="background-image: url(img/cover/cover-register.jpg);">
            <div class="hero-bg"></div>
            <div class="container relative">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 pull-none margin-auto">
                        <div class="panel panel-default panel-login">
                            <div class="panel-heading">
                                <h3 class="panel-title"><i class="fa fa-users"></i> Recrutement challenge 2.0 By AzaK Clan</h3>
                            </div>
                            <div class="panel-body">                            
                                <form method="post" action="contact.php">
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-user"></i>
                                        <input type="text" class="form-control" name="pseudo" placeholder="Pseudo">
                                    </div>
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="email" class="form-control" name="mail" placeholder="Email">
                                    </div>
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="text" class="form-control" name="skype" placeholder="Skype">
                                    </div>
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="text" class="form-control" name="age" placeholder="Âge">
                                    </div>
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="text" class="form-control" name="post" placeholder="Player,Streameur,Miniameker,...">
                                    </div>
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="text" class="form-control" name="team" placeholder="Vous avez fait quoi comme team avant ?">
                                    </div>
                                 
                                    <div class="form-group input-icon-left">
                                    <textarea cols="50" rows="5" name="message" placeholder="Mettez vos motivations sur cette zone."></textarea>
                                     
                                    </div>
                                 
                                    <div class="form-group input-icon-left">
                                        <i class="fa fa-envelope"></i>
                                        <input type="text" class="form-control" name="azak" placeholder="Comment avez-vous connu la AzaK ?">
                                    </div>
                                 
                                    <input type="submit" class="btn btn-primary btn-block">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
     
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></center>
       

    </div>
    <!-- /#wrapper -->
 
    <!-- footer -->
    <footer>
        <div class="container">
            <div class="widget row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <h4 class="title">Informations AzaK Clan</h4>
                    <p>Nous sommes une team Performance sur Playstaion 4,<br> nous avons crée la team en Mars 2017.</p>
                </div>
                 
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <h4 class="title">Partenaires</h4>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <ul class="nav">
                                <li><a href="#">#</a></li>
                                <li><a href="#">#</a></li>
                                <li><a href="#">#</a></li>
                                <li><a href="#">#</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <h4 class="title">Autres Liens</h4>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <ul class="nav">
                                <li><a href="#">AzaK Clan</a></li>
                                <li><a href="#">NeyK Clan</a></li>
                                <li><a href="#">Digizani</a></li>
                                <li><a href="#">Realitygaming</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
     
        <div class="footer-bottom">
            <div class="container">
                <ul class="list-inline">
                    <li><a href="https://twitter.com/AzakClan" class="twitter-follow-button" data-show-count="false">Follow @AzakClan</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></li><br>
                    <a href="https://twitter.com/intent/tweet?screen_name=AzakClan" class="twitter-mention-button" data-show-count="false">Tweet to @AzakClan</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                </ul>
                &copy; 2017 AzaK Clan, Thème By Gameforest. All rights reserved.
            </div>
        </div>
    </footer>
    <!-- /.footer -->
 
    <!-- Javascript -->
    <script src="plugins/jquery/jquery-3.1.0.min.js"></script>
    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="js/core.min.js"></script>
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
    <script src="https://apis.google.com/js/platform.js"></script>

</body>
</html>

Voila merci
Est ce que tu sais coder en PHP ? ^^
 
Salut,
Ton topic se trouvait dans la mauvaise section , je l'ai donc déplacé dans la bonne section :modo:

Bonne fin de nuit,
Paul GTP
 
Salut,

Pour effectué le traitement du formulaire, il te faut du PHP (que tu dois mettre dans ton "contact.php" :
PHP:
<?php
    if(isset($_POST['form_contact']) && !empty($_POST['form_contact'])){
        $secure_pseudo = htmlspecialchars($_POST['pseudo']);
        $secure_email = htmlspecialchars($_POST['mail']);
        $secure_skype = htmlspecialchars($_POST['skype']);
        $secure_age = is_numeric($_POST['age']);
        $secure_post = htmlspecialchars($_POST['post']);
        $secure_team = htmlspecialchars($_POST['team']);
        $secure_message = htmlspecialchars($_POST['message']);
        $secure_azac = htmlspecialchars($_POST['azac']);
     
        $erreur = '';
     
        if(empty($secure_pseudo)){
            $erreur = "Vous devez renseigné votre pseudo !";
        }
        if(empty($secure_email)){
            $erreur = "Vous devez renseigné votre email !";
        }
        if(empty($secure_skype)){
            $erreur = "Vous devez renseigné votre pseudo Skype !";
        }
        if(empty($secure_age)){
            $erreur = "Vous devez renseigné votre age !";
        }
        if(empty($secure_post)){
            $erreur = "Vous devez renseigné votre le champ 'Post' !";
        }
        if(empty($secure_team)){
            $erreur = "Vous devez renseigné votre nom de Team !";
        }
        if(empty($secure_message)){
            $erreur = "Vous devez écrire un message !";
        }
        if(empty($secure_azac)){
            $erreur = "Vous devez remplir le champ de vérification !";
        }
     
        if(empty($erreur)){
            // Si il n'y a pas d'erreur, on éxécute ce code
            $expediteur = "[email protected]";
            mail($secure_email, "SUJET de l'email", $secure_message, "From: {$expediteur}");
        } else {
            // Si il y a une erreur, on éxécute ce code
        }
    }
?>
 
Dernière édition:
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut