|
EJEMPLO DE PÁGINA
DE FORMULARIO CON VALIDACIÓN
JAVASCRIPT
<script language="javascript"
type="text/javascript">
function
ValidarFrmExtra(formulario)
{
var
msgStr="";
if(formulario.nombre.value==""){
formulario.nombre.focus();
alert("Introduce nombre");
return
false;
}
if(!IsValidEMail(formulario.email.value,
msgStr)){
formulario.email.focus();
alert("Introduce email");
return
false;
}
if(formulario.texto.value==""){
formulario.texto.focus();
alert("Introduce texto");
return
false;
}
if(!formulario.acepto.checked){
formulario.acepto.focus();
alert("Debes marcar casilla de aceptación política de
privacidad.");
return
false;
}
return
true;
}
</script>
<div
class="title"><span>Ejemplo de envio de datos desde un
formulario</span></div>
<form name="formularioextra"
method="post" enctype="multipart/form-data"
onSubmit="return
ValidarFrmExtra(document.formularioextra)" name
="formulario"
action="/b2c/envio-formulario/1">
<input type="hidden"
name="titulo_frm" value="Ejemplo de
formulario">
<input type="hidden"
name="nombre_formulario"
value="Ejemplo">
<input
type="hidden" name="email_dest" value="xxx@dominio.tld">
<input type="hidden"
name="campos_formulario"
value="nombre,telefono,email,texto,ragoedad">
<input type="hidden" name="envio_ok" value="<BR>Gracias por
ponerse en contacto!">
<input
type="hidden" name= "envio_errorvalue" value="<BR>Inténtelo de
nuevo, error en el envio">
<input type="hidden"
name="ficheros_adjuntos" value= "2">
<input type="hidden" name="recaptcha-google"
value="1">
<input type="hidden"
name= "error_recaptcha-google" value="No se ha podido verificar seguridad
formulario. Marca casilla del robot.">
<div
class="form-group">
<div
class="col-lg-12">
<label>Introduzca todos los datos y luego pulse
ENVIAR</label>
</div>
</div>
<div
class="form-group">
<label
for="nameInput">Nombre
*</label>
<input
type="text" name="nombre" class="form-control"
id="nameInput">
</div>
<div
class="form-group">
<label
for="emailInput">Email
*</label>
<input
type="email" name="email" class="form-control"
id="emailInput">
</div>
<div
class="form-group">
<label
for="subjectInput">Teléfono</label>
<input type="text" name="telefono" class="form-control"
id="subjectInput">
</div>
<div
class="form-group">
<label
for="notesInput">Texto
*</label>
<textarea
name="texto" class="form-control" rows="3"
id="notesInput"></textarea>
</div>
<div
class="form-group">
<div
class="col-lg-3">
<label>Rango de edad
*</label>
</div>
<div
class="col-lg-9">
<SELECT
class="selectpicker show-tick" width="auto"
name=ragoedad><option selected
value='18-30'>18-30</option><option
value='30-40'>30-40</option><option
value='40-50'>40-50</option><option
value='50-60'>50-60</option></SELECT>
</div>
</div>
<div
class="form-group">
<label
for="subjectInput">Fichero adjunto
1</label>
<input
type="file" name="fichero1"
class="form-control">
</div>
<div
class="form-group">
<label
for="subjectInput">Fichero adjunto
2</label>
<input
type="file" name="fichero2"
class="form-control">
</div>
<div
class="checkbox">
<label>
<input
type="checkbox" name="acepto" value="1"> <span>Acepto la <a
href="/b2c/seccion/politica-privacidad/1"
target="_blank"><u>Política de
privacidad</u></a></span>
</label>
</div>
<div
class="form-group">
<div class="g-recaptcha"
style="transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0
0;-webkit-transform-origin:0 0;"
data-sitekey="6LfGrA0UAAAAAJrrwoLnYAtgO_OqDm7_no8YLmcr"></div>
</div>
<div
class="form-group">
<button
type="submit" class="btn btn-theme">Enviar <i class="fa
fa-arrow-circle-right"></i></button>
</div>
</form>
| 
