Ver Mensaje Individual
  #2 (permalink)  
Antiguo 15/07/2010, 08:01
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años, 1 mes
Puntos: 126
Respuesta: validar formulario con varios botones

Hola

A ver que te parece esto

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <script  type="text/javascript">  
  4. window.addEventListener('load', funcion, false);
  5.  
  6. function funcion(e) {
  7. var but = document.getElementById('botonera').getElementsByTagName('input');
  8. for (i = 0; i < but.length; i++) {
  9. but[i].addEventListener('click', validar, false);
  10. }
  11. }
  12.  
  13.  
  14. function validar()
  15. {
  16. //según sea el botón que se ha pulsado
  17. switch (this.id)
  18. {
  19. case "bt_insertar":
  20. if(document.getElementById('a').value == '') {
  21. alert('el campo a está vacío');
  22. return false;
  23. }else {
  24. document.frm.submit();
  25. }
  26. break;
  27. case "bt_buscar":
  28. if(document.getElementById('b').value == '') {
  29. alert('el campo b está vacío');
  30. return false;
  31. }else {
  32. document.frm.submit();
  33. }
  34. break;
  35. case "bt_eliminar":
  36. if(document.getElementById('c').value == '') {
  37. alert('el campo c está vacío');
  38. return false;
  39. }else {
  40. document.frm.submit();
  41. }
  42. break;
  43. }
  44. }
  45. </script>
  46. </head>
  47. <body>
  48. <form method="post" name="frm" action="pagina.asp">
  49. <input type="text" value="" name="a" id="a"/><br />
  50. <input type="text" value="" name="b" id="b"/><br />
  51. <input type="text" value="" name="c" id="c"/>
  52. <div id="botonera">
  53. <input type="button" name="bt_insertar" id="bt_insertar" value="Insertar""/>
  54. <input type="button" name="bt_buscar" id="bt_buscar" value="Buscar"/>
  55. <input type="button" name="bt_eliminar" id="bt_eliminar" value="Eliminar"/>
  56. </div>
  57. </form>
  58. </body>
  59. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />