Fatal编程技术网
  • javascript/
  • Javascript 需要将recaptcha添加到引导验证程序联系表单中

Javascript 需要将recaptcha添加到引导验证程序联系表单中

javascript php twitter-bootstrap-3

Javascript 需要将recaptcha添加到引导验证程序联系表单中,javascript,php,twitter-bootstrap-3,recaptcha,Javascript,Php,Twitter Bootstrap 3,Recaptcha,我有一个与bootstrap validador的联系表单，现在我的客户想添加一个recaptcha。该网站是用Bootstrap3开发的，联系人表单使用BootstrapValidator。表单已经验证了字段，因此除非所有字段都通过JS正确填写，否则不会发送表单，因此我没有向PHP添加任何验证，因为我的JS之前会检查所有字段，然后触发PHP。我需要用G-recaptcha来实现这一点，但我不知道如何将其添加到我的代码中。有人能帮我吗 以下是我的HTML表单和与联系人表单相关的脚本： <b

我有一个与bootstrap validador的联系表单，现在我的客户想添加一个recaptcha。该网站是用Bootstrap3开发的，联系人表单使用BootstrapValidator。表单已经验证了字段，因此除非所有字段都通过JS正确填写，否则不会发送表单，因此我没有向PHP添加任何验证，因为我的JS之前会检查所有字段，然后触发PHP。我需要用G-recaptcha来实现这一点，但我不知道如何将其添加到我的代码中。有人能帮我吗

以下是我的HTML表单和与联系人表单相关的脚本：

<body>
<div class="seis-cols-izq col-md-6 col-sm-6 col-xs-12">
            <form class="form-horizontal" action="php/contacto.php" method="post"  id="contact_form">
                <fieldset>
                    <div class="form-group">
                        <label class="col-md-4 control-label">
                            Nombre
                        </label>  
                        <div class="col-md-8 inputGroupContainer">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                <input  name="name" placeholder="Tu nombre" class="form-control"  type="text">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" >Empresa</label> 
                        <div class="col-md-8 inputGroupContainer">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-briefcase"></i></span>
                                <input name="company" placeholder="Tu empresa" class="form-control"  type="text">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label forma">E-Mail</label>  
                        <div class="col-md-8 inputGroupContainer">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
                                <input name="email" placeholder="tucorreo@mail.com" class="form-control"  type="text">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label">Teléfono</label>  
                        <div class="col-md-8 inputGroupContainer">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
                                <input name="phone" placeholder="(55)1234-5678" class="form-control" type="text">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label">Tu comentario</label>
                        <div class="col-md-8 inputGroupContainer">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
                                <textarea rows="4" class="form-control" name="comment" placeholder="Cuéntanos cómo podemos ayudarte:"></textarea>
                            </div>
                        </div>
                    </div>

                    <!-- Success message -->
                    <div class="alert alert-success" role="alert" id="success_message"><span class="bold">¡Listo!</span> Tu mensaje fue enviado, en breve nos pondremos en contacto contigo.</div>

                    <!-- Button -->
                    <div class="form-group">
                        <label class="col-md-12 control-label"></label>
                        <div class="col-md-12">
                            <button type="submit" class="btn btn-contacto">Enviar</button>
                        </div>
                    </div>
                </fieldset>
            </form>

        </div>
    <script src='http://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js'></script>
    <script src="js/index.js"></script>

</body>
</html>
还有我的PHP：

<?php
$EmailFrom = "contacto@mail.mx";
$EmailTo = "hola@mail.mx";
$Subject = "Nuevo comentario en el website";
$name = Trim(stripslashes($_POST['name'])); 
$company = Trim(stripslashes($_POST['company'])); 
$email = Trim(stripslashes($_POST['email'])); 
$phone = Trim(stripslashes($_POST['phone'])); 
$comment = Trim(stripslashes($_POST['comment'])); 

// prepare email body text
$Body = "";
$Body .= "Nombre: ";
$Body .= $name;
$Body .= "\n";
$Body .= "Empresa: ";
$Body .= $company;
$Body .= "\n";
$Body .= "E-mail: ";
$Body .= $email;
$Body .= "\n";
$Body .= "Teléfono: ";
$Body .= $phone;
$Body .= "\n";
$Body .= "Comentario: ";
$Body .= $comment;
$Body .= "\n";

// send email 
$success = mail($EmailTo, $Subject, $Body, "From: <$EmailFrom>");

// redirect to success page 
if ($success){
    echo "<h2>¡Gracias! Recibimos tu mensaje</h2>";
}
else{
    echo "<h2>Lo sentimos, hubo un error, inténtalo nuevamente</h2>";
}
?>
希望有人能帮我。

使用js文件 https://www.google.com/recaptcha/api.js' }} > 也请点击此链接。这对我来说很好：

看看这个答案，如何在html表单中添加recaptcha:Big Point，所以我没有在PHP中添加任何验证，因为我的js之前会检查所有字段，如果我在浏览器中关闭javascript会怎么样：正如@RiggsFolly上面提到的，您必须始终执行服务器端验证。感谢您的回答，我会考虑服务器端验证这一个工作得很好。谢谢 
<?php
$EmailFrom = "contacto@mail.mx";
$EmailTo = "hola@mail.mx";
$Subject = "Nuevo comentario en el website";
$name = Trim(stripslashes($_POST['name'])); 
$company = Trim(stripslashes($_POST['company'])); 
$email = Trim(stripslashes($_POST['email'])); 
$phone = Trim(stripslashes($_POST['phone'])); 
$comment = Trim(stripslashes($_POST['comment'])); 

// prepare email body text
$Body = "";
$Body .= "Nombre: ";
$Body .= $name;
$Body .= "\n";
$Body .= "Empresa: ";
$Body .= $company;
$Body .= "\n";
$Body .= "E-mail: ";
$Body .= $email;
$Body .= "\n";
$Body .= "Teléfono: ";
$Body .= $phone;
$Body .= "\n";
$Body .= "Comentario: ";
$Body .= $comment;
$Body .= "\n";

// send email 
$success = mail($EmailTo, $Subject, $Body, "From: <$EmailFrom>");

// redirect to success page 
if ($success){
    echo "<h2>¡Gracias! Recibimos tu mensaje</h2>";
}
else{
    echo "<h2>Lo sentimos, hubo un error, inténtalo nuevamente</h2>";
}
?>