validacion de campos
Publicado por aldo (20 intervenciones) el 24/03/2009 21:30:12
estoy tratando de validar un campo de telefono en un formulario con una funcion de javascript
pero no me funciona, a ver si alguien me puede dar una guia.
el problemita esta es en esta parte del codigo:
<tr><td><p>Telefono:</p>
<input type="text" name="telefono" length="10" onBlur="ValidaCampos()"></td></tr>
saludos.
este es el codigo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="./prueba/estilos.css" >
<!--<style type="text/css">
h1 {color: #574yte}
h2 {color: #dda0dd}
</style>-->
<SCRIPT>
var globalvar1=5;
function multiplica()
{
var localvar1 = 2 * globalvar1;
alert("Dos por cinco son= " + localvar1);
}
function ValidaCampos(formulario)
{
//expresion regular para telefonos
//permite campos vacios y guiones
var er_tlfono = /(^[0-9s+-])+$/
//comprueba campo tlfono de formu
//usa el metodo test de expresion regular
if(!er_tlfono.test(formu.tlfono.value))
{
alert('Campo TELEFONO no válido.')
return false //no submit
}
}
</SCRIPT>
</head>
<body bgcolor="#66CC99" onLoad="multiplica()">
<form>
<table>
<tr>
<td>
<select>
<option value="">Seleccione...</option>
<?php
$colores = array('Rojo', 'Azul', 'Verde', 'Amarillo');
$nombres = array("Miguel", "Pepe", "Juan", "Julio", "Pablo");
foreach ($colores as $color)
{
echo "<option value='$color' selected>$color</option>";
}
?>
</select>
<select>
<option value="">Seleccione...</option>
<?php
foreach ($nombres as $nombre)
{
echo "<option value='$nombre' selected>$nombre</option>";
}
?>
</select>
</td>
</tr>
<tr><td><p class="p">Area:</p>
<textarea name="area" cols="30" rows="10"></textarea></td></tr>
<tr><td><INPUT type="text" name="test" length="12"></td></tr>
<tr><td><p>Telefono:</p>
<input type="text" name="telefono" length="10" onBlur="ValidaCampos()"></td></tr>
<!-- <tr><td><input type="button" value="Calcular" onClick="multiplica()"/></td></tr>
--></tr>
<table><tr><td align="center"><INPUT type="submit" value="Registrar"></td></tr></table>
</table>
</form>
</body>
</html>
pero no me funciona, a ver si alguien me puede dar una guia.
el problemita esta es en esta parte del codigo:
<tr><td><p>Telefono:</p>
<input type="text" name="telefono" length="10" onBlur="ValidaCampos()"></td></tr>
saludos.
este es el codigo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="./prueba/estilos.css" >
<!--<style type="text/css">
h1 {color: #574yte}
h2 {color: #dda0dd}
</style>-->
<SCRIPT>
var globalvar1=5;
function multiplica()
{
var localvar1 = 2 * globalvar1;
alert("Dos por cinco son= " + localvar1);
}
function ValidaCampos(formulario)
{
//expresion regular para telefonos
//permite campos vacios y guiones
var er_tlfono = /(^[0-9s+-])+$/
//comprueba campo tlfono de formu
//usa el metodo test de expresion regular
if(!er_tlfono.test(formu.tlfono.value))
{
alert('Campo TELEFONO no válido.')
return false //no submit
}
}
</SCRIPT>
</head>
<body bgcolor="#66CC99" onLoad="multiplica()">
<form>
<table>
<tr>
<td>
<select>
<option value="">Seleccione...</option>
<?php
$colores = array('Rojo', 'Azul', 'Verde', 'Amarillo');
$nombres = array("Miguel", "Pepe", "Juan", "Julio", "Pablo");
foreach ($colores as $color)
{
echo "<option value='$color' selected>$color</option>";
}
?>
</select>
<select>
<option value="">Seleccione...</option>
<?php
foreach ($nombres as $nombre)
{
echo "<option value='$nombre' selected>$nombre</option>";
}
?>
</select>
</td>
</tr>
<tr><td><p class="p">Area:</p>
<textarea name="area" cols="30" rows="10"></textarea></td></tr>
<tr><td><INPUT type="text" name="test" length="12"></td></tr>
<tr><td><p>Telefono:</p>
<input type="text" name="telefono" length="10" onBlur="ValidaCampos()"></td></tr>
<!-- <tr><td><input type="button" value="Calcular" onClick="multiplica()"/></td></tr>
--></tr>
<table><tr><td align="center"><INPUT type="submit" value="Registrar"></td></tr></table>
</table>
</form>
</body>
</html>
Valora esta pregunta
0