Formulario
Hola expertos, me gustaría hacer un script que validara algunos campos de un formulario y al momento de hacer clic en enviar habrá una ventana con los datos que fueron verificados.
Gracias por su ayuda
Gracias por su ayuda
1 Respuesta
Respuesta de derke
1
Aquí tienes un código echo por mi. Siempre puedes añadir más elementos al formulario, eso si, añádelos también al script.
<form name="fr">
Nombre <input type="text" name="campo1"><br>
Email <input type="text" name="campo2"><br>
Nick <input type="text" name="campo3"><br>
<button Onclick="pop()">enviar</button>
</form>
<script>
//creamos las variables
var Ncampo1 = 'Nombre';
var Ncampo2 = 'Email';
var Ncampo3 = 'Nick';
function pop() {
//comprobar que ninguno esta vacio
for(a=1;a<=3;a++) {
if(eval('document.fr.campo'+a+'.value')=='')
alert('El campo '+a+' esta vacio, rellenalo por favor.');
}
if(eval('document.fr.campo1.value')!='' && eval('document.fr.campo2.value')!='' && eval('document.fr.campo3.value')!='') {
//empezamos el popup
opc = 'width=500,height=300,resizable=yes,menubar=yes,statusbar=yes';
popup = window.open('','result',opc);
html = '<b>Estos son los resultados:</b><br>';
html += Ncampo1+' --> '+document.fr.campo1.value+'<br>';
html += Ncampo2+' --> '+document.fr.campo2.value+'<br>';
html += Ncampo3+' --> '+document.fr.campo3.value+'<br>';
popup.document.write(html);
}
}
</script>
<form name="fr">
Nombre <input type="text" name="campo1"><br>
Email <input type="text" name="campo2"><br>
Nick <input type="text" name="campo3"><br>
<button Onclick="pop()">enviar</button>
</form>
<script>
//creamos las variables
var Ncampo1 = 'Nombre';
var Ncampo2 = 'Email';
var Ncampo3 = 'Nick';
function pop() {
//comprobar que ninguno esta vacio
for(a=1;a<=3;a++) {
if(eval('document.fr.campo'+a+'.value')=='')
alert('El campo '+a+' esta vacio, rellenalo por favor.');
}
if(eval('document.fr.campo1.value')!='' && eval('document.fr.campo2.value')!='' && eval('document.fr.campo3.value')!='') {
//empezamos el popup
opc = 'width=500,height=300,resizable=yes,menubar=yes,statusbar=yes';
popup = window.open('','result',opc);
html = '<b>Estos son los resultados:</b><br>';
html += Ncampo1+' --> '+document.fr.campo1.value+'<br>';
html += Ncampo2+' --> '+document.fr.campo2.value+'<br>';
html += Ncampo3+' --> '+document.fr.campo3.value+'<br>';
popup.document.write(html);
}
}
</script>
