Que hacer con javascript

[XD2XD2]

Hola, yo tengo un registro que se verifica con javascrìpt pero que pasa si el usuairo lo desactiva

¿Como hago para que siga funcionando?

En mi registro si todos los datos estan correcto el input lo pongo enable si no disable pero como hago para comprobar que el usuario existe o no existe sin tener que darle al boton de enviar (Porque entonces seria con php) osea que sean en javascript

[XD2XD2]

Hola, solo usando javascript (Sin utilizar jquery, ajax ni nada de eso) ¿Que se podria hacer? Comprobar si los datos de un formulario esta correcto sin tener que darle a enviar. Y no se me ocurre que mas

¿Podeis darme ideas sobre que se puede hacer con javascript (Sin utilizar jquery ni ajax)?

[djkiku]

Rotacion de imagenes en forma "Corusel", Mostrar información diferente de un recuadro al actualizar la web! Abrir páginas emergentes, Cuando se vayan de tu web escribirles un mensaje, Crear efectos al pasar el mouse, hacer que para clicar un boton en ves de clicar una vez, sean varias.. que al pasar el mouse por una parte de la web hacer aparecer cualquier objeto..

Lo más simple es saber claro que necesita tu web y buscar como se podria hacerlo de manera mas sensilla!

Suerte!

[David]

Iniciado por XD2XD2

En mi registro si todos los datos estan correcto el input lo pongo enable si no disable pero como hago para comprobar que el usuario existe o no existe sin tener que darle al boton de enviar (Porque entonces seria con php) osea que sean en javascript

Si está desactivado lógicamente no podrás hacer cosas con Javascript en el navegador. De todos modos, la validación del lado del servidor debe hacerse siempre.

En cuanto a tu otra pregunta, revisa esto:
http://www.forosdelweb.com/f179/duda...nzado-1030218/

[XD2XD2]

Iniciado por David:4351886

Iniciado por XD2XD2

En mi registro si todos los datos estan correcto el input lo pongo enable si no disable pero como hago para comprobar que el usuario existe o no existe sin tener que darle al boton de enviar (Porque entonces seria con php) osea que sean en javascript

Si está desactivado lógicamente no podrás hacer cosas con Javascript en el navegador. De todos modos, la validación del lado del servidor debe hacerse siempre.

En cuanto a tu otra pregunta, revisa esto:
[url]http://www.forosdelweb.com/f179/dudas-basicas-javascript-basico-avanzado-1030218/[/url]

pero entonces xq.hay paginas que utilizan javascript para validar? no abria alguna foma para que si lo tienes activado que no te puedas registrar?

[emprear]

Iniciado por XD2XD2

pero entonces xq.hay paginas que utilizan javascript para validar? no abria alguna foma para que si lo tienes activado que no te puedas registrar?

Si solo utilizan javascript para validar, son secillamente inseguras. Puede que estén realizando las 2 cosas (validando x js y en el servidor) y vos no lo adviertas.
Podés dificultar la navegación si no tienen activado javascript, pero dado la manipulación del DOM que se puede hacer desde las herramientas de los navegadores modernos, tampoco es infalible. La mejor recomendación es que hagas tu sitio seguro sin javascript, y luego si, utilizar javascript para mejorar la usabilidad por parte del usuario

SAludos

[XD2XD2]

Entonces javascript sin utilizar jquery y ajax no me servira para nada, porque yo lo utilizo paralos form porque no le veo mayor utilidad pero como veo que no es seguro. Aprendere ajax y jquery haber que puedo hacer con esos 2

[emprear]

Iniciado por XD2XD2

Entonces javascript sin utilizar jquery y ajax no me servira para nada, porque yo lo utilizo paralos form porque no le veo mayor utilidad pero como veo que no es seguro. Aprendere ajax y jquery haber que puedo hacer con esos 2

Ese es un error de concepto jQuery y Ajax son Javascript, si el usuario deshabilita javascript tampoco funcionan ni jQuery ni Ajax
Saludos

[XD2XD2]

Iniciado por emprear:4351975

Iniciado por XD2XD2

Entonces javascript sin utilizar jquery y ajax no me servira para nada, porque yo lo utilizo paralos form porque no le veo mayor utilidad pero como veo que no es seguro. Aprendere ajax y jquery haber que puedo hacer con esos 2

Ese es un error de concepto jQuery y Ajax son Javascript, si el usuario deshabilita javascript tampoco funcionan ni jQuery ni Ajax
Saludos

ya lo se pero digo haber si puedo hacer.algo en jqueey o ajax que si desactivo javascript no afecte tanto en la pagina

[emprear]

Iniciado por XD2XD2

ya lo se pero digo haber si puedo hacer.algo en jqueey o ajax que si desactivo javascript no afecte tanto en la pagina

te insisto una vez más, si desactivas javascript, ni ajax ni Jquery te van a funcionar.
no se trata de que tanto, directamente no funcionan.
Desde ya que el tema cuestion es lo de la seguridad, no la parte estética.

Mirá este ejemplo

Código PHP:

<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Form básico - demo</title>
 
<script type="text/javascript">
//<![CDATA[
function validar(){
var elNombre = document.getElementById('nombre2');
if(elNombre.value == ''){
document.getElementById('error_nombre').innerHTML = "Falta nombre";
return false;
}
}
//]]>
</script>
</head>
<body>
<?php
if(!isset($_POST['procesando'])){
    // mostramos el form
?>
<h1>Formulario básico sin validación javascript</h1>
<form action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="post">
<p>
<label for="nombre">Nombre</label>
<input type="text" value="" id="nombre" name="nombre" autocomplete="off" /><br />
 
            <select name='marca'>
                    <option>Aprobar</option>
                <option>Rechazar</option>
            </select>
<br />
<input type="submit" value="procesar" name="procesando" />
</p>
</form> 
 
<h1>Formulario básico + validación javascript</h1>
<form action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="post" onsubmit="return validar();">
<p>
<label for="nombre">Nombre</label>
<input type="text" value="" id="nombre2" name="nombre" autocomplete="off" /> <span id="error_nombre"><!-- mensaje de error --></span><br /><br />
<input type="submit" value="procesar" name="procesando" />
</p>
</form>
 
<?php
}else{
// mostramos el procesamiento
 
$usuario = $_POST['nombre'];
$marca = $_POST['marca'];
if(isset($usuario)){
echo "<p>Se envió \$_POST['nombre']</p>\n";
}
 
if($usuario == null){
echo "<p>el usuario es NULL</p>\n";
// realizar acción
}
 
if(empty($usuario)){
echo "<p>el usuario es empty</p>\n";
// realizar acción
}
 
if($usuario == ''){
echo "<p>el usuario es vacio</p>\n";
$usuario = "vacio";
// realizar acción
}
 
echo "El usuario es: <b>" . $usuario . "+" .  $marca . " </b>\n";
 
echo "<p><a href='form-basico-javascript.php'>Enviar otra vez</a></p>";
}
?>
 
</body>
</html>
 

ejecutalo con y sin javascript activado
Saludos

[XD2XD2]

Claro pero no seria mejor esto:

Código PHP:

<?php
$navegador = get_browser(null, true);
if($navegador['javascript'] == 1){
    echo '<script type="text/javascript">
    if(document.getElementById("").value == ""){
        // Error
    }else{
        // Lo guardo
    }
</script>';
}else{
  if(isset($_POST['enviar'])){
      echo "Incorrecto";
  }else{
      echo "Correcto";
  }
}
?>
<form>
................
</form>
 

Si esta desactivado el javascript utilizo una comprobacion que no utilize javascript pero si esta activado uso la comprobacion javascript

¿Eso seria lo mejor no?

[emprear]

Iniciado por XD2XD2

Claro pero no seria mejor esto:

Código PHP:

<?php
$navegador = get_browser(null, true);
if($navegador['javascript'] == 1){
    echo '<script type="text/javascript">
    if(document.getElementById("").value == ""){
        // Error
    }else{
        // Lo guardo
    }
</script>';
}else{
  if(isset($_POST['enviar'])){
      echo "Incorrecto";
  }else{
      echo "Correcto";
  }
}
?>
<form>
................
</form>
 

Si esta desactivado el javascript utilizo una comprobacion que no utilize javascript pero si esta activado uso la comprobacion javascript

¿Eso seria lo mejor no?

No, get_browser() analiza la información proporcionada por browscap.ini

Código ini:

Browser="Firefox"
Version=1.0
MajorVer=1
MinorVer=0
Win32=true
Frames=true
IFrames=true
Tables=true
Cookies=true
JavaScript=true
JavaApplets=true
CssVersion=2
 

y solo te dice si el navegador da soporte o no a javascript, no si está activado o no.

Saludos

[XD2XD2]

Iniciado por emprear

No, get_browser() analiza la información proporcionada por browscap.ini

Código ini:

Browser="Firefox"
Version=1.0
MajorVer=1
MinorVer=0
Win32=true
Frames=true
IFrames=true
Tables=true
Cookies=true
JavaScript=true
JavaApplets=true
CssVersion=2
 

y solo te dice si el navegador da soporte o no a javascript, no si está activado o no.

Saludos

Abria alguna forma de saber si esta activado o no
Antes encontre una pagina que decia

Tienes el javascript activado y si lo desactivabas decia Esta desactivado

Necesito eso para poner un if y comprobar segun si esta activado o no

[David]

Una opción, dependiendo de lo que necesitas, es que uses la etiqueta <noscript>

[XD2XD2]

claro pero quiero hacer un if para que si esta activado el frmulario lo valide con javascript y si no esta pues con php

[David]

Es innecesario, haz la validación con PHP siempre. Y con Javascript si no pasa la validación evita que el formulario se envíe. Así si está activo, el formulario no llegará al servidor (no se ejecutará PHP) mientras no sea válido, y si no, pues pasará directamente a la validación por PHP. No hace falta nada más.

[XD2XD2]

Iniciado por David

Es innecesario, haz la validación con PHP siempre. Y con Javascript si no pasa la validación evita que el formulario se envíe. Así si está activo, el formulario no llegará al servidor (no se ejecutará PHP) mientras no sea válido, y si no, pues pasará directamente a la validación por PHP. No hace falta nada más.

¿Como? no te entendi

[emprear]

Iniciado por XD2XD2

¿Como? no te entendi

Analizaste el ejemplo que te dejé?
Saludos

[XD2XD2]

Si, pero lo que pasa esque entonces cuando lo valla a mandar a la base de dato los datos ¿Como lo hago cuando tengo activado el javascript? Yo pensaba que cuando cambiaba de valor el input ponia los errores y el submit se bloqueaba y cuando todo estaba correcto el submit se activaba y le dabas a enviar y hay vuelve a verificar que estan los datos bien(Por si desactivas el javascript) y entonces como ya lo verifico javascript pues hay en el php lo envia a la base de dato

¿Eso tambien valdria no?

[emprear]

Vamos a empezar desde cero, porque en algún punto, te estás, me estoy ó nos estamos perdiendo.
Por favor, usá un poco la imaginación...
Supongamos que tenés este sencillo formulario que agrega un usuario a tu BD (voy a desglosar el form y el php que lo procesa para que lo entiendas mejor)

registrar_usuario.html

Código HTML:

<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Registrar usuario</title>
<script type="text/javascript">
//<![CDATA[
function validar(){
var elNombre = document.getElementById('nombre');
if(elNombre.value == ''){
document.getElementById('error_nombre').innerHTML = "Falta nombre";
return false;
}
}
//]]>
</script>
</head>
<body>
<form action="agregar_usuario.php" method="post" onsubmit="return validar();">
<p>
<label for="nombre">Nombre</label>
<input type="text" value="" id="nombre" name="nombre" autocomplete="off" /> 
<span id="error_nombre"><!-- mensaje de error --></span><br /><br />
<input type="submit" value="procesar" name="procesando" />
</p>
</form>
</body>
</html>
 

muy sencillito, un form con un input cuyo valor se pasa por post y se agrega a la BD.
El php que recoge, definido en el action, agregar_usuario.php

Código PHP:

<?php
if(isset($_POST['procesando'])){
// conectás a la BD
// hacés un insert
// verificás que se hizo el insert (vamos a suponer que si lo hizo)
// presentás un mensaje al usuario
echo "registro agregado";
}
?>
 

Como no voy a crear una base de datos real, imagina lo que está en las lineas comentadas.
Como verás nuestro html, incluye una validación(muy elemental y bastante mal hecha, pero tené en cuenta que es solo un ejemplo) hecha en javascript.
Esta validación dice, sencillamente, que si el campo nombre está vació, devuelva "false" (acordate de esto para más adelante), ya que por supuesto NO nos interesa que nos agreguen registros en blanco.
En javascript, las acciones del mouse, teclado, etc, generan eventos. Hay un evento en particular, el onsubmit, que se utiliza en los forms. Solo hay 2 formas de generar este evento, y es activando (via mouse, o teclado, ó un "touchScreen", ahora que están de moda) cualquiera de estos 2 elementos
un input type="submit"
un <button></button>
siempre y cuando, obviamente, estén dentro de una etiqueta
<form>
</form>
si te fijas, no hacemos simplemente onsubmit="validar()" sino que hacemos
onsubmit="return validar()", la diferencia esta en que haciéndolo de la 2ª forma, no el evento no solo dispara la función sino que espera una respuesta de esta. Por lo tanto, y analizando la función en si misma, si se devuelve un 'false' (el campo está vació), el submit del form se cancela, así de simple, y nos evitamos que se dirija al action ejecutando el php innecesariamente.
Vamos a algo práctico ahora, usemos firefox para el ejemplo, el usuario puede hacer esto

con lo cual de nuestro html lo que sigue se ignora olimpicamente

<script type="text/javascript">
//<![CDATA[
function validar(){
var elNombre = document.getElementById('nombre');
if(elNombre.value == ''){
document.getElementById('error_nombre').innerHTML = "Falta nombre";
return false;
}
}
//]]>
</script>


si presionás el submit, vas al action sin más vueltas y aunque el campo nombre esté vacío, vas a ver el mensajito registro agregado, cual es la solución entonces, lo que ya te dijimos, validar en el php, cambiemos nuestro php por lo siguiente

Código PHP:

<?php
if(isset($_POST['procesando'])){
    
    if($_POST['nombre'] == ""){
        echo "El nombre no puede estar vacío";
        exit; // SALIMOS DEL PHP SIN HACER MAS NADA
    }else{
// conectás a la BD
// hacés un insert
// verificás que se hizo el insert (vamos a suponer que si lo hizo)
// presentás un mensaje al usuario
echo "registro agregado";
}
}
?>
 

te aclaro que mis validaciones son sumamente precarias, es solo para que comprendas la idea de como es el proceso

Se entiende @XD2XD2?

Seguramente te preguntarás. entonces para que mie#@!# usar javascript para validar, bueno, antes de contestarte te pido que nuevamente recurras a tu imaginación, e imagines formularios mucho más complejos que incluyan
validación de email
un valor dentro de un rango
fechas
cantidad de caracteres
selects
selects múltiples. etc, etc, etc

Como javascript se ejecuta del lado del cliente, lo va a hacer más rápido, vas a evitar que el php tenga que validar todo con la consiguiente demora, presentar los mensajes y redirigir nuevamente al form, que va a tener que recargarse (y perder los valores ya ingresados, muchos de los cuales pueden haber estado correctos).

Hoy en día hay técnicas. ajax es la más común, que te permiten combinar las dos validaciones en una. pero eso ya es otra cosa que escapa a esta explicación.


Saludos

[XD2XD2]

si pero entoces si desactiva javascript el form sigue y al darle a enviar se inserta en la base de dato aunque este en blanco los campos

[emprear]

Iniciado por XD2XD2

si pero entoces si desactiva javascript el form sigue y al darle a enviar se inserta en la base de dato aunque este en blanco los campos

Si después de lo expuesto, y códigos de ejemplo mediante (acaso se te ocurrió probarlos), esa es tu respuesta, sencillamente, me rindo, se vé que la docencia no es mi fuerte

[XD2XD2]

Iniciado por emprear

Si después de lo expuesto, y códigos de ejemplo mediante (acaso se te ocurrió probarlos), esa es tu respuesta, sencillamente, me rindo, se vé que la docencia no es mi fuerte

Si lo probe pero entonces al darle a enviar con el javascript desactivado lo envia a la base de dato sin verificar porque esta desactivado

[emprear]

Iniciado por XD2XD2

Si lo probe pero entonces al darle a enviar con el javascript desactivado lo envia a la base de dato sin verificar porque esta desactivado

Eso es imposible si

if($_POST['nombre'] == ""){
echo "El nombre no puede estar vacío";
exit; // SALIMOS DEL PHP SIN HACER MAS NADA
}else{

[XD2XD2]

Claro si es con lo de Falta el nombre sii.

Solucionado, pero me puedes mandar algunas paginas donde usen javascript para validar es para saber como es lo mas habitual si bloqueando el submit asta que los datos no esten correcto o con el onsubmit o como.

[emprear]

Iniciado por XD2XD2

Claro si es con lo de Falta el nombre sii.
Es con el nombre porque sencillamente en mi ejemplo usé
<input type="text" value="" id="nombre" name="nombre" autocomplete="off" />
Solucionado, pero me puedes mandar algunas paginas donde usen javascript para validar es para saber como es lo mas habitual si bloqueando el submit asta que los datos no esten correcto o con el onsubmit o como.

Para javascript puro, no necesitás más ejemplo que el que te dejé, esa es la forma correcta. Obviamente todo dependerá como está validando cada campo, que es otra cuestión.
Con Ajax, sería otra historia, pero sinceramente, si esto te ha costado, yo no me aventuraría a dar ese paso

Saludos