Asp.net

Programação para Internet Rica
Exercício Lab 11
Assunto: Projeto: projLojaVirtual_v3 - Login e controle de Login. Introdução ao uso de JavaScript. Validador ASP.NET.

1. Orientações iniciais. a. Para este exercício utilizaremos o projLojaVirtual_v3 distribuído pelo professor. b. Este projeto contém as implementações (ASP.NET, C# e Estilos) aplicados em aulas anteriores. c. Neste exercício iremos fazer uso de JavaScript e do controle de validação ASP.NET RequiredFieldValidator (torna o controle associado de preenchimento obrigatório). d. Abra o projLojaVirtual_v3.sln, execute o projeto e verifique se consegue se cadastrar e fazer um login.

2. Inserir um controle ASP.NET para validação de preenchimento no lado do cliente. a. Na página do LoginUI.aspx insira um controle RequiredFieldValidator entre o textBox da Senha e o label msgGeral. O controle fica no grupo Validation. b. Na propriedade ControlToValidate digite txtEmail. c. Execute o projeto. Não preencha o nome e clique em Enviar. Verifique a mensagem emitida pelo controle ASP.NET de validação. d. Altere o estilo de forma que a mensagem do validador apareça em vermelho.

3. Controlar o preenchimento da senha – via JavaScript. a. Adicione uma nova pasta de nome Scripts. b. Dentro da página crie um arquivo validacao.js. c. Dentro do arquivo insira o código JavaScript abaixo. function validaPreenchimento() { var campo = document.getElementById("areaForm_txtSenha"); if (campo.value == "") { alert("Preencha Senha"); return false; } return true; } d. Na área do head da página Loja.master, abaixo do link para os estilos, insira a referência ao arquivo externo javascript. e. Na tag Form da página Loja.master, insira o atributo onsubmit na forma abaixo. onsubmit="return validaPreenchimento()" f. Execute