如何在我的联系表单上添加确认框

how to add a confirmation box on my contact form?

本文关键字：添加 确认 表单 联系 我的      更新时间：2023-09-26

我是编程新手，我正在制作我的第一个网站，好吧，让我们进入正题。以下是我用于辛普尔联系表单的实际 HTML 代码

	        	<form class="row form" id="contacto" name="contacto" method="post" action="enviar.php">
                <h3>Formulario de Contacto</h3>
                <div class="col-sm-4 col-xs-12 form-group">
                    <label class="sr-only" for="nombre">Name</label>
                    <input name="nombre" class="form-control" type="text" placeholder="Nombre" id="nombre">
                </div> <!-- /.form-group -->
                <div class="col-sm-4 col-xs-12 form-group">
                    <label class="sr-only" for="email">Email</label>
                    <input name="email" class="form-control" type="email" placeholder="Email" id="email">
                </div> <!-- /.form-group -->
                <div class="col-sm-4 col-xs-12 form-group">
                    <label class="sr-only" for="telefono">telefono</label>
                    <input name="telefono" class="form-control" type="text" placeholder="Telefono" id="telefono">
                </div> <!-- /.form-group -->
                <div class="col-sm-4 col-xs-12 form-group">
                    <label class="sr-only" for="ciudad">ciudad</label>
                    <input name="ciudad" class="form-control" type="text" placeholder="Ciudad" id"ciudad">
                </div>
                </div>
            </form> <!-- /.row -->
		</div> <!-- /.container -->
	</section> <!-- /.contact -->
我想在单击提交按钮时添加一个确认弹出窗口，上面写着（您的消息已发送）我感谢你们能带来的所有帮助。:)

<input type="submit" value="submit" onclick="alert('your message has been sent');" />

这是解决方案：在 submit 类型的表单标签中添加一个按钮，并定义一个 onclick：

<input type="submit" value="submit" onclick="return doit();" />
<script type="text/javascript">
    function doit() {
        alert("your message has been sent!");
        return true;
    }
</script>
相关文章：