HTML - caracteres imborrables en un input

Pos: 207

Val: 6

caracteres imborrables en un input

Publicado por jose maria (63 intervenciones) el 19/05/2014 13:49:40

hola, conozco tanto la función value como la placeholder para que aparezcan "notas" o comentarios en los inputs, ahora bien, lo que me gustaría es que ciertos caracteres no se pudieran borrar, imaginemos que deseo utilizar un input para introducir una cantidad de dinero, lo que deseo es que aparezca 0,00 y se pudieran modificar los 0 pero que no se borrara la ,
¿sabe alguien como hacerlo?
gracias

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 2

Val: 1.144

caracteres imborrables en un input

Publicado por xve (1543 intervenciones) el 19/05/2014 17:58:33

Hola Jose Maria, existe el plugin de jquery denominado masked input plugin, el cual te permite realizar lo que solicitas...
http://digitalbush.com/projects/masked-input-plugin/

Espero que te sirva.

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Pos: 207

Val: 6

caracteres imborrables en un input

Publicado por jose maria (63 intervenciones) el 19/05/2014 18:02:06

gracias, estoy un poco perdido con eso de jquerry, ¿hay que descargar algo e instalarlo? ¿simplemente es codigo?
gracias

Valora esta respuesta

Comentar

Pos: 2

Val: 1.144

caracteres imborrables en un input

Publicado por xve (1543 intervenciones) el 19/05/2014 18:58:53

Hola Jose, tienes que descargarte el archivo js de jquery y añadirlo a tu página en el header, o simplemente incluir en el <header> algo como:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

Cualquier duda...

Valora esta respuesta

Comentar

Pos: 207

Val: 6

caracteres imborrables en un input

Publicado por jose maria (63 intervenciones) el 20/05/2014 18:52:04

vale, supongo que te refieres a
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js">
</script>
</head>

meterlo como si fuera un script normal, entonces de esta manera no tengo que descargar nada
luego, introducir el codigo que explica en el enlace
muchisimas gracias

Valora esta respuesta

Comentar

Pos: 2

Val: 1.144

caracteres imborrables en un input

Publicado por xve (1543 intervenciones) el 20/05/2014 19:18:29

Si, exacto, de esta manera no tienes que descargar nada. Lo que yo te recomiendo que lo descargues, porque si algun día en la web de jquery lo quitan o cambiar de ubicación tu web dejara de funcionar.

Valora esta respuesta

Comentar

Pos: 207

Val: 6

caracteres imborrables en un input

Publicado por jose maria (63 intervenciones) el 20/05/2014 19:39:13

bueno, probe esto y no me sale:

<html>

<head>

<script src="http://code.jquery.com/jquery-1.9.1.min.js">

</script>

<script src="jquery.js" type="text/javascript">

</script>

<script src="jquery.maskedinput.js" type="text/javascript">

</script>

jQuery(function($){

   $("#date").mask("99/99/9999");

   $("#phone").mask("(999) 999-9999");

   $("#tin").mask("99-9999999");

   $("#ssn").mask("999-99-9999");

});

</head>

<body>

No borramos la coma

<br>

<input name="input" type="text" value="0,00">

</body>

</html>

Valora esta respuesta

Comentar

Pos: 2

Val: 1.144

caracteres imborrables en un input

Publicado por xve (1543 intervenciones) el 21/05/2014 08:49:05

Hola Jose Maria, tienes que indicar un id al input para hacer referencia a la mascara, y tienes que quitar las mascaras que no utilices, sino, te dara error...
También, el código de jquery tiene que ir entre el tag <script>...

Algo así:

<html>

<head>

<script src="jquery.js" type="text/javascript"></script>

<script src="jquery.maskedinput.js" type="text/javascript"></script>

<script>

jQuery(function($){

   $("#numero").mask("9,99");

});

</script>

</head>

<body>

No borramos la coma

<br>

<input id="numero" name="input" type="text" value="">

</body>

</html>

Coméntanos, ok?

Aquí tienes un ejemplo: http://www.lawebdelprogramador.com/codigo/JQuery/2675-Mascaras_en_los_inputs.html

Valora esta respuesta

Comentar

Pos: 207

Val: 6

caracteres imborrables en un input

Publicado por jose maria (63 intervenciones) el 22/05/2014 18:18:17

gracias, lo probe varias veces, copie tal cual pero no me funciona....puedo borrar todo lo que pongo en el input.....

Valora esta respuesta

Comentar

Pos: 2

Val: 1.144

caracteres imborrables en un input

Publicado por xve (1543 intervenciones) el 22/05/2014 19:19:41

Recuerda que tienes que tener en la misma carpeta que el código los dos archivos:
- jquery.js
- jquery.maskedinput.js

Si no están, no te funcionara...

Coméntanos, ok?

Valora esta respuesta

Comentar

Pos: 207

Val: 6

caracteres imborrables en un input

Publicado por jose maria (63 intervenciones) el 22/05/2014 20:42:07

ups, cierto....
en el enlace que me disteis al principio:
http://digitalbush.com/projects/masked-input-plugin/

hay un pequeño recuadro en la parte superior derecha que pone
Download Latest (1.3.1)
de hay pique en el primero y me descarge el jquery.maskedinput.js
al picar en el segundo enlace me sale para copiar jquery.maskedinput.min.js (entiendo que este no es)
ahora bien, en esta pagina no encuentro el jquery.js
¿donde lo consigo?
gracias

Valora esta respuesta

Comentar

Pos: 2

Val: 1.144

caracteres imborrables en un input

Publicado por xve (1543 intervenciones) el 22/05/2014 21:11:30

http://jquery.com/

Valora esta respuesta

Comentar

Pos: 207

Val: 6

caracteres imborrables en un input

Publicado por jose maria (63 intervenciones) el 22/05/2014 21:29:01

ok, solucionado, ya lo encontre, lo copie y funciona correctamente, ahora lo que quiereo es insertar un value, os comento

Valora esta respuesta

Comentar

Pos: 207

Val: 6

caracteres imborrables en un input

Publicado por jose maria (63 intervenciones) el 22/05/2014 22:03:56

hola, he insertado un value y una mascara, me funciona perfectamente, ahora bien, me gustaria perfeccionarlo un poco mas..... la cosa es para introducir el numero 500 o 5000, como la mascara me sale con los _______ no sabria identificar cual seria el 4º lugar o 5º ¿me explico? ¿habria alguna forma para que me permitiera introducir el maximo que indico en la mascara pero que no me salga tantos _______ sino que salga el valor 0,00 y si quiero aumentar la parte entera pues se aumenta
bueno, espero explicarme....
gracias

<html>

<head>

<script src="jquery.js" type="text/javascript"></script>

<script src="jquery.maskedinput.js" type="text/javascript"></script>

<script>

jQuery(function($){

   $("#numero").mask("999999,99");

});

</script>

</head>

<body>

No borramos la coma

<br>

<input id="numero" name="input" type="text" value="000000,00">

</body>

</html>

Valora esta respuesta

Comentar

congigurar el menu del blog con imagen de fondo

Formulario Html con tabs (pestañas), retroceder luego de navegar