JavaScript — как добавить окно подтверждения в мою контактную форму?
Я новичок в программировании, и я делаю свой первый сайт, давайте перейдем к делу.
Ниже мой фактический 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 с определенным щелчком:
<input type="submit" value="submit" onclick="return doit();" />
<script type="text/javascript">
function doit() {
alert("your message has been sent!");
return true;
}
</script>