Validar formulario JSP con JavaScript

CaSTy · #1 (**permalink**) 25/11/2012, 05:53

Hola a todos. Estoy intentando validad un formulario que tiene distintas etiquetas Struts y no soy capaz de validar nada en la parte del cliente con JavaScript. Basicamente este es el formulario que tengo:

Código HTML:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <style type="text/css">
            <%@ include file="/css/style.css" %>
        </style>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>JSP Page</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="/style.css" rel="stylesheet" type="text/css" media="screen" />

        <script type="text/javascript" >
            function valida_envia(){
                var loc = document.getElementById("localidad").value;
                if (loc == null || loc == 0 || loc == ""){
                    alert("Tiene que escribir su nombre2");
                    return false;
                }
                alert("entra?3");
                return true;
            }

        </script>
    </head>
    <body>
        
        <!-- start sidebar -->
        <div id="sidebar">
            <%@ include file="/sidebar.jsp" %>
        </div>
        <!-- end sidebar -->


            <!-- start content -->
             <s:form method="post" action="busca" validate="true">
                <table cellspacing=0 border=0 width=100% cellpadding=4">
                    <caption>Buscar</caption>
                        <tr>
                            <td><b>Provincia</b></td>
                                <td>
                                    <s:select label="Que ciudad"
                                              headerKey="-1" headerValue="Selecciona Ciudad"
                                              list="todasCiudades" name="miCiudad" />
                                </td>
                        </tr>
                        <tr>
                            <td><b>Localidad</b></td>
                                <td>
                                    <s:textfield key="puntoLimpio.localidad" Id="localidad"/>                                    </td>
                                </tr>


                </table>
                <center>
                        <td colspan="2"><s:submit value="Buscar"  onclick = "return valida_envia()"/></td>
                </center>
            </s:form>
    </body>
</html>

Pues bien, cada vez que clicko en el botón "Buscar" no se ejecuta el JavaScript si dejo el textfield localidad vacio. No se si estoy "parseando" correctamente la variable localidad en el JavaScript o si esta mal la validación o si es que tengo que añadir alguna referencia mas enmicabecera del JSP....

Decir que el formulario funciona perfectamente si relleno todos los campos.

¿Alguna sugerencia?

Muchas gracias una vez más! :)

CaSTy · #2 (**permalink**) 26/11/2012, 15:46

A nadie se le ocurre ninguna idea?