09/07/2009, 09:14
| |||
| |||
| Mensaje de error con javascript hola, vereis he visto en algunos formularios que cuadno un campo esta vacio o es erroneo el mensaje de error aparece al lado, como puedo hacer eso? |
|
09/07/2009, 09:59
| |||
| |||
| Respuesta: Mensaje de error con javascript Create un div donde quieras que salga el mensaje de error y en javascript, con la propiedad innerHTML le agregas el texto que quieras cuando quieras. Por ejemplo si tuvieras un campo nombre que hubieras metido en una variable nombre y un div que se llamase miDiv.
Código:
Lo he puesto en plan cutre pero supongo que te haces a la idea.
var nombre = document.getElementById("nombre").value;
var miDiv = document.getElementById("miDiv");
if (nombre == "") {
miDiv.innerHTML = "";
html = "Debe introducir el nombre";
miDiv.innerHTML = html;
return false;
}
|
|
09/07/2009, 10:02
| ||||
| ||||
| Respuesta: Mensaje de error con javascript Yo lo hice con PHP o JAVA eso, pero con JS podrías hacer algo como lo siguiente. Cuando se carga la página checkear si son vacios, si lo son, hacer document.getElementById('errorcampo').style.displa y="block", a un div que tengas al lado del campo a validar. PERO OJO, que esto solo lo haga si antes se dió submit, pq de otra manera el error aparecería incluso cuando se entra por primera vez al formulario. Podrías usar una variable hidden, y cambiarle el valor tras la primera carga, de esta manera la proxima vez que llegue, llegará modificado. Y checkeas que esté modificado para mostrar los errores. O BIEN Hacer los display:block que correspondan al dar en el botón submit. Suerte! |
|
09/07/2009, 10:03
| ||||
| ||||
| Respuesta: Mensaje de error con javascript No habia visto la solucion de Didi-chan, dado que la posteo mientras escribia mi solucion. Es una buena opcion la suya también, y tal vez mas simple si no trabajas con código server side |
|
10/07/2009, 03:59
| |||
| |||
| Respuesta: Mensaje de error con javascript No hay que saber ni php ni mysql para lo que yo he dicho. Solo html y algo de javascript. De todas formas te pongo el ejemplo más completo. En primer lugar tenemos un formulario con un campo de texto "nombre" y debajo pondremos un div vacío (porque en un principio no contendrá nada) con id "miDiv". Luego tendremos un botón en el que al hacer click nos enviará a la función javascript que nos lo comprobará.
Código:
En javascript implementamos la función
<html>
<body>
<form id="miForm" action="#">
Nombre: <input type="text" id="nombre" value="">
<div id="miDiv">
</div>
<br/>
<input type="button" value="Validar" onClick="javascript:validar();">
</form>
</body>
</html>
Código:
De todas formas si no sabes nada de javascript, sería mejor que antes de que siguieras echaras un vistazo a un manual o algo. function validar(){
var nombre = document.getElementById("nombre").value; //Cogemos el valor del campo nombre
var miDiv = document.getElementById("miDiv"); // Cogemos la referencia al nuestro div.
var html = ""; //En esta variable guardamos lo que queramos añadir al div.
if(nombre == "") { //Comprobamos que está vacío
miDiv.innerHTML = ""; //innerHTML te añade código a lo que ya haya por eso primero lo ponemos en blanco.
html = "Debe introducir el nombre";
miDiv.innerHTML = html;
return false;
}
}
|
|
13/07/2009, 01:09
| |||
| |||
| Respuesta: Mensaje de error con javascript Hombre, es que tu has preguntado como hacer que salga un mensaje de error y eso es a lo que te he respondido. Para que el formulario envie los datos tienes que meter el destino en el action del formulario, en vez del "#" que te he puesto. |
