[SOLUCIONADO] json en atributos DATA

[rjulio21]

buenas amigos,

Estoy haciendo unas pruebas para mejorar un plugin que tengo, y se me presentó una duda, más que un problema es una duda en cuanto al "standard" y quiero confirmar con ustedes a ver su opinión.


La cosa es que estoy ajustando un validador que tengo y he decidido colocar los arreglos de validación en un atributo data. asi :

Código HTML:

<input type="text" class="form-control" id="telefono" placeholder="000-0000000" data-validacion='"{"telefono":{"mensaje":"El teléfono no es valido"}"'>
 

La cosa es que como podrán ver, el valor de data-validación esta entre comillas simples y no dobles, como suelen colocarse los valores de los atributos, esto para poder colocar el json de modo que pueda ser leido con js. sin embargo, mi duda es allí se quiebra algún estandard HTML como tal?


Gracias.

[zerokilled]

buenas...
esto nada tiene que ver con javascript. muevo a html.

[rjulio21]

Iniciado por zerokilled

buenas...
esto nada tiene que ver con javascript. muevo a html.

Creo que si tiene que ver, pues pensé que probablemente tambien pudiese haber una forma de con js interpretar el array del data pasandolo con comillas simples y no dobles.

[zerokilled]

realmente entiendes poco de html. si, en js hay forma de tomar ese dato e interpretarlo. en html puedes usar cualquiera de las comillas para asignar un valor a los atributos. en este caso, corresponde comillas simples porque el formato json ocupa las comillas dobles para definir el campo y el valor. cualquier atributo que leas desde javascript siempre lo recibirás como un string. entonces, básicamente escribes el atributo con JSON así attribute='JSON'

[rjulio21]

Iniciado por zerokilled

realmente entiendes poco de html. si, en js hay forma de tomar ese dato e interpretarlo. en html puedes usar cualquiera de las comillas para asignar un valor a los atributos. en este caso, corresponde comillas simples porque el formato json ocupa las comillas dobles para definir el campo y el valor. cualquier atributo que leas desde javascript siempre lo recibirás como un string. entonces, básicamente escribes el atributo con JSON así attribute='JSON'

Tanto como entender poco, no lo creo.... se que de ambas maneras funciona, sin embargo tambien sé que hay muchas cosas que funcionan más no son estandard y esa era mi pregunta. Muchas gracias por confirmarme que no hay problema.

PD : En javascript si el json es pasado con comillas dobles no es leido como string. es leido como lo que es... un objeto.

Gracias una vez más. saludos.

[Alexis88]

Iniciado por rjulio21

En javascript si el json es pasado con comillas dobles no es leido como string. es leido como lo que es... un objeto.

Lo que te dijo zerokilled fue:

Iniciado por zerokilled

cualquier atributo que leas desde javascript siempre lo recibirás como un string...

Y es que es así. Al momento de leer el contenido del atributo, obtienes una cadena y solo una cadena; tienes que parsearlo para convertirlo en un objeto JSON.

Saludos

[rjulio21]

Iniciado por Alexis88

Lo que te dijo zerokilled fue:



Y es que es así. Al momento de leer el contenido del atributo, obtienes una cadena y solo una cadena; tienes que parsearlo para convertirlo en un objeto JSON.

Saludos

Amigo, disculpenme pero si agregas un json en un atributo data no es necesario parsear nada. basta con que lo tomes, guardes en una variable y puedes manejarlo tal como quieras hacerlo. si le haces un typeof y lo imprimes te dira que es un "object" no un string.

[Alexis88]

Falso. Cualquier valor que tomas de un atributo, cualquiera sea, dígase un número, una cadena, un valor booleano, un array, un objeto, etc., siempre será tomado como una cadena, por eso es que si asignas un número a un atributo y luego lo intentas sumar, solo se concatena.

Para muestra, un botón: DEMO.

Fíjate en los valores que se muestran en consola para que corrobores lo que te digo.

Saludos

[rjulio21]

Iniciado por Alexis88

Falso. Cualquier valor que tomas de un atributo, cualquiera sea, dígase un número, una cadena, un valor booleano, un array, un objeto, etc., siempre será tomado como una cadena, por eso es que si asignas un número a un atributo y luego lo intentas sumar, solo se concatena.

Para muestra, un botón: DEMO.

Fíjate en los valores que se muestran en consola para que corrobores lo que te digo.

Saludos

Estas equivocado, eso sucede porque el simbolo "+" es el mismo que se usa para "concatenar" y por tanto el motor de javascript interpreta ambos valores como string. Pero si capturas un json por medio de un data sera tomado como tal. como json (siempre y cuando este armado con comillas dobles el json y el atributo con comillas simples). Si ese mismo json intentas concatenarlo con algo mas te concatenara "[object]" y no un string.

Para muestra te dejo esto para que lo compruebes, verifica la consola
otro demo

[zerokilled]

@rjulio21, te equivocas. lo que sucede en tu demo es que estas usando jquery. la funcion data te devuelve un objeto porque detecta que el contenido es un json. pero eso es una habilidad que provee la libreria, no es una caracteristica nativa de javascript. y si no, haz lo siguiente console.log (typeof document.getElementById( 'apellido' ).dataset.validacion); y veras que el atributo es simplemente un string.

[rjulio21]

Vale vale, perfecto, entonces mis disculpas y gracias por la aclaratoria a ambos :D