Foros Club Delphi - Saber si existe una variable

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)

- HTML, Javascript y otros (https://www.clubdelphi.com/foros/forumdisplay.php?f=38)

- - Saber si existe una variable (https://www.clubdelphi.com/foros/showthread.php?t=22025)

Saber si existe una variable

Esto me da vergüenza preguntarlo pero llevo toda la mañana buscando y no he encontrado nada.

¿Cómo puedo saber en JavaScript si una variable existe o no? Algo así como el equivalente a isset de PHP.

// Gracias

Bah! Parece que esto no es posible en javascript, lo cual es sorprendente en un lenguaje interpretado. La única forma que funciona es con sentencias try-catch:

Código PHP:


		
			
try

{

  alert(foo);

}

catch (error)

{

  alert('La variable foo no está definida');

}

Aunque no me convence mucho usar excepciones para esto.

Afortunadamente, más que para una variable suelta yo lo quería para propiedades de objetos (pensé que sería lo mismo) y en ese caso sí se puede:

Código PHP:


		
			
if (!objeto.getAttribute('foo'))

{

  alert('La propiedad foo no está definida');

}

Si a alguien le da curiosidad saber para qué quería esto les cuento la historia y quizá a alguien le sirva.

Como me harta estar escribiendo funciones para validar formularios hice resumen de lo que generalmente necesito al momento de validar un control:

1. Checar que se haya llenado el dato
2. Checar que tenga la longitud adecuada
3. Checar que tenga el formato correcto

En cada caso, si algo está mal hago algo similar a esto:

Código PHP:


		
			
alert('Formato incorrecto (correo electrónico)');

control.focus();

donde control es el control que se está validando.

Para la validación tengo que checar que

1. control.value no sea una cadena vacía
2. ereg.exec(control.value) no sea false
3. control.value.length coincida con la longitud esperada

Aquí ereg es una expresión regular para checar el formato, por ejemplo:

/[0-9]{4}-[0-9]{2}-[0-9]{2}/

checa que una fecha tenga el formato aaaa-mm-dd (más o menos).

Entonces, lo único que se requiere son cuatro cosas:

1. Mensaje a mostrar en caso de error
2. Saber si el dato es requerido o no
3. Expresión regular para checar el formato
4. Longitud esperada

En JavaScript podemos asignar propiedades nuevas a objetos:

Código PHP:


		
			
fecha.required = true;

fecha.caption = 'Fecha de nacimiento';

fecha.ereg = /[0-9]{4}-[0-9]{2}-[0-9]{2}/

Estas asignaciones las podemos hacer en el evento onLoad de la página HTML.

Para, por ejemplo, checar el formato usaríamos esta función:

Código PHP:


		
			
function check_format(control)

{

  // si el atributo no existe es que no se requiere checar formato

  if (!control.getAttribute('ereg'))

    return true;



  if (!control.ereg.exec(control.value))

  {

    alert('Dato con formato incorrecto: ' + control.caption);

    control.focus();



    return false;

  }



  return true;

}

Similarmente tendríamos funciones check_empty() y check_length() para verificar si el control está vacío o no. check_empty() primero verificaría la existencia del atributo 'required'. Si no existe o es false supone que no se requiere el dato y regresa true.

Como todas las funciones necesitan de la propiedad 'caption' para mostrar el mensaje de error, agrupo todas las verifiicaciones en esta función:

Código PHP:


		
			
function check_control(control)

{

  if (!control.getAttribute('caption'))

    control.caption = control.name;



  ok =

    check_empty(control) &&

    check_length(control) &&

    check_format(control);



  return ok;

}

Así, únicamente tengo que iterar la función check_control() sobre todos los controles del formulario:

Código PHP:


		
			
function check_form(formulario)

{

  var ok = true;



  for (i = 0; i < formulario.elements.length; i++)

  {

    ok = check_control(formulario.elements[i]);

    if (!ok) break;

  }



  return ok;

}

Y así, el evento onSubmit() del formulario se reduce a:

Código PHP:


		
			
function form_submit(formulario)

{

  return check_form(formulario);

}

Claro que esto sólo sirve para validaciones sencillas aunque yo normalmente es lo que necesito ya que las validaciones complejas se hacen del lado del servidor.

// Saludos

Hola roman

Para saber si una variable JavaScript existe, peudes usar esto:

Código PHP:


		
			
if(typeof foo=='undefined')

  alert('no definida');

Saludos, :cool:

Gracias JavierB. Lo he probadoy funciona bien. También me he dado cuenta que funciona así:

Código PHP:


		
			
if (foo == null)

  alert('no definida');

y ambas maneras funcionan también para propiedades de un objeto.

// Saludos

Hola de nuevo.

Con tu código me da error: 'foo' no está definido :confused:

Saludos, :cool:

Gracias Javier.

En efecto marca ese error. Yo creo que de tantas pruebas que hice me confundí o no sé. Me quedo con el typeof.

// Saludos

Yo utilizo algo similar para validar mis formularios web. Me he hecho una API bastante completa, un dia de estos la subo, lo que pasa es que aun no esta "presentable".
Yo añado alguna cosa mas, como por ejemplo poner en los inputs un atributo de tipo "_tipo" en la que marco tipos con validaciones y mensajes genéricos, integer, float, currency, etc.

Cita:

Empezado por roman

Claro que esto sólo sirve para validaciones sencillas aunque yo normalmente es lo que necesito ya que las validaciones complejas se hacen del lado del servidor.

para solucionar este problema, yo trabajo con otro atributo especial _onValidate, que retorna true si va bien y false si va mal. Entonces tu función check_control, quedaria así:

Código PHP:


		
			
function check_control(control)

{

  if (!control.getAttribute('caption'))

    control.caption = control.name;



  ok =

    check_empty(control) &&

    check_length(control) &&

    check_format(control) &&

    ( 

       (!control.getAttribute("_onValidate") || 

       (control._onValidate()) 

    );



  return ok;

}

Hola marto,

De hecho he visto algo de lo que has hecho y me pareció muy interesante aunque es raro que yo haga validaciones en función del tipo de datos; por ello es que me enfoqué más en

check_empty,
check_format,
check_length

y curiosamente acabo de agregar hace unos días el check_custom para validaciones personalizadas.

Además de eso uso propiedades como

displayName - nombre a usar en mensajes de error (por defecto el nombre del control)

hint - cadena que se escribe automáticamente en el control cuando está vacío y estamos fuera de él (p. ej. para mostrar en qué formato debe escribirse una fecha)

Además asigno eventos onfocus y onblur genéricos para cambiar el fondo de un control cuando entramos a él.

Realmente no sé por qué no había hecho esto antes ya que el trabajo que uno se ahorra es bestial.

Cita:

Empezado por marto

Yo añado alguna cosa mas, como por ejemplo poner en los inputs un atributo de tipo "_tipo" en la que marco tipos con validaciones y mensajes genéricos, integer, float, currency, etc.

Oye, ¿y esto no podrías manejarlo únicamente con algo como check_format?

// Saludos

Cita:

Empezado por roman

Hola marto,
Oye, ¿y esto no podrías manejarlo únicamente con algo como check_format?
// Saludos

En realidad, sí... pero así te ahorras más código. Si en el atributo me dices que es currency me estás diciendo el formato y también el mensaje de error error. Además, en realidad esto forma parte de un framework más grande desarrollado en java. Uso tags jsp personalizados, y es ahi donde le digo el tipo de datos, y el framework tambien me genera el onBlur en función del tipo. Lo que sucede es que la parte javascript del framework es independiente de la parte java y al revés :D