[Php-avanzado] validar con js

Lun Jul 22 09:22:32 ART 2013

Hola, Leandro.

Cuando llames a la función de validación recordá siempre poner el
"return", así el formulario actúa de acuerdo a el valor que retorna la
función:

<form action="" method="post"  onsubmit="return validar()">

Con respecto al css, fijate que tenés una barra al principio del url,
lo que hace que te busque en la raíz del sitio, es decir, si estas
trabajando en:
http://localhost/miproyecto/index.php

El css lo va a buscar a
http://localhost/css/style.css

Y calculo que la intención es
http://localhost/miproyecto/css/style.css

Probá eliminando la barra, para ofrecer una ruta relativa al archivo actual

<style type="text/css" media="all">
@import url("css/style.css");
</style>

Un detalle de performance: el comando import puede ser perjudicial
para la optimización de la carga del sitio. Hay un muy buen artículo
escrito por Steve Souders
(http://www.stevesouders.com/blog/2009/04/09/dont-use-import/) que
explica esto muy bien, y su traducción por aNieto2K
(http://www.anieto2k.com/2009/04/09/no-uses-import/). Recomiendo el
original, que está más completo.

Saludos!

El día 20 de julio de 2013 19:44, leandro saubiette
<saubietteleandro en gmail.com> escribió:
> Buenas, tengo un formulario que no puedo validar mediante js comprobe las
> rutas y estan bien definidas y el js teoricamente tmb aca lo paso
>
> function validar ()
> {
> if(document.getElementById("nombre").value == null)
> {
> alert ("Debe ingresar un nombre valido");
> return false;
> }
> if((document.getElementById('apellido').value) == "" ||
> (is_numeric(document.getElementById('apellido'))))
> {
> alert ="Debe ingresar un apellido valido";
> return false;
> }
> if(document.getElementById('dni').value == "")
> {
> alert ="Debe ingresar un dni valido valido";
> return false;
> }
> if(document.getElementById('domicilio').value == "")
> {
> alert ="Debe ingresar un domicilio valido";
> return false;
> }
> if((document.getElementById('mail').value) == "" ||
> (is_numeric(document.getElementById('mail'))))
> {
> alert ="Debe ingresar un mail valido";
> return false;
> }
> if(document.getElementById('telefono').value == "")
> {
> alert ="Debe ingresar un telefono valido";
> return false;
> }
> return true;
> }
>
>
> todos los campos del formulario tienen un id y llamo a la funcion validar en
> el evento onSubmit() en la etiqueta form de la siguiente manera <form
> action="" method="post"  onsubmit="validar()"> lo que tmb me parece raro es
> que no cargue el css. Aca paso el html del php
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
>
> <head>
>
> <meta http-equiv="X-UA-Compatible" content="IE=7" />
>
> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
>
> <title> Centro cultural Juana Azurduy</title>
>
> <script type="text/javascript" src="/js/validarAsociado.js"></script>
>
> <style type="text/css" media="all">
> @import url("/css/style.css");
> </style>
>
> </head>
>
> <body>
>
> <div id="header">
> <?php include '/header.php';?>
> </div>
>
>
> <form action="" method="post"  onsubmit="validar()">
> <label>Nombre: </label>
> <input type="text" name="nombre" id="nombre"><br><br>
> <label>Apellido: </label>
> <input type="text" name="apellido" id="apellido"><br><br>
> <label>DNI: </label>
> <input type="text" name="dni" id="dni"><br><br>
> <label>Mail: </label>
> <input type="text" name="mail" id="mail"><br><br>
> <label>Direccion: </label>
> <input type="text" name="direccion" id="direccion"><br><br>
> <label>Telefono: </label>
> <input type="text" name="telefono" id="telefono"><br><br>
> <label>Fecha de Nacimiento: </label>
> <input type="text" name="fechaNac" id="fechaNac"><br><br>
> <select name="nivel">
> <option value ='<?php echo $niveles['id'];?>'><?php echo
> $niveles['nivel']?></option>
> </select><br><br>
> <input type="submit" name="agregar" value="agregar "id="agregar">
> </form>
> <div id="footer">
> <?php include '/footer.php';?>
> </div>
> </body>
> </html>
>
>
> Gracias por cualquier ayuda
>
> _______________________________________________
> Php-avanzado mailing list
> Php-avanzado en pato2.fi.mdp.edu.ar
> http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado

-- 
Matias Fernando Gea
matigea en gmail.com
http://www.mfgea.com.ar