Untitled

<html>
        <head>
                <title>Formulário</title>

                <style type ="text/css">
                                label{
                                width: 150px;
                                text-align: right;
                                float: left;
                                        }

                        input{
                                padding: 4px;
                        }
                        select{
                                padding: 4px;
                        }
                        input.text{
                                border: 1px solid;
                        }
                        input.error{
                        border: 1px solid red;
                        }

                        span.error{
                                color: red;
                                visibility:hidden;
                        }
                </style>


        </head>
        <script type="text/javascript">
        function validar(){

                                        var resposta = true;
                                        var campo = document.getElementById("nome");
                                        nome.className = "text"
                                        document.getElementById("erroNome").style.visibility = "hidden";
                                        if( campo.value == "" ){
                                                resposta = false;
                                                campo.className ="error";
                                                document.getElementById("erroNome").style.visibility = "visible";

                                                }
                                        var campo = document.getElementById("codigo");
                                        codigo.className = "text"
                                        document.getElementById("erroCodigo").style.visibility = "hidden";
                                        if( campo.value == ""){
                                                resposta = false;
                                                document.getElementById("erroCodigo").style.visibility = "visible";
                                                campo.className ="error";

                                                }

                                        var campo = document.getElementById("localizacao");
                                        localizacao.className = "text"
                                        document.getElementById("erroLocalizacao").style.visibility = "hidden";
                                        if( campo.value == "" ){
                                                resposta = false;
                                                document.getElementById("erroLocalizacao").style.visibility = "visible";
                                                campo.className ="error";

                                                }

                                        return resposta;


        }
        </script>

        <body>
        <div class="center">
        <fieldset><legend>Cadastrar Sala</legend>
        <form action="cadastrarSala.php" method="post" onsubmit="return validar();">


                        <p>
                        <label for="nome">Nome da Sala: *</label>
                        <input class="text" type="text" name="nome" id="nome" title="Digite o nome da sala"  />
                        <span for="nome" class="error" id="erroNome">O campo nome não pode ser vazio</span>
                        </p>
                        <p>

                        <label for="codigo">Código da sala: *</label>
                        <input class="text" type="text" name="codigo" id="codigo" title="Digite o código da sala" />
                        <span for="codigo" class="error" id="erroCodigo">O campo codigo não pode ser vazio</span>

                        </p>

                        <p>

                        <label for="localizacao">Localização da sala: *</label>
                        <input class="text" type="text" name="localizacao" id="localizacao" title="Digite a localização da sala" />
                        <span for="localizacao" class="error" id="erroLocalizacao">O campo localização não pode ser vazio</span>

                        </p>

                        <p>


*Entrada de dados obrigatória


                                <p>
                                        <input type='submit'value='Cadastrar'/>

                                        <input type='reset'value='Limpar'/>
                                </p>


                        </form>
                        </div>
        </body>
</html>