Dica Rápida: Chamando funções Javascript via código

Olá pessoal, nesta dica rápida veremos como chamar funções do Javascript via code-behind.

Às vezes, nas aplicações Web que desenvolvemos, de acordo com a lógica desenvolvida em nossos métodos, precisamos exibir uma mensagem ao usuário informando determinada situação.

Para exibirmos essa mensagem podemos utilizar o famoso alert, do Javascript. Confira na Listagem 01 a função JS e na Listagem 02 como chama-la de forma simples e rápida, em apenas uma linha de código.

Listagem 01 – Função JS

function Mensagem() {

alert('Registro gravado com sucesso!');

}

Listagem 02 – Chamando a função JS via código

ScriptManager.RegisterClientScriptBlock(Page, Page.GetType(), "mensagem", "Mensagem()", true);

Exemplos Práticos com Javascript em Aplicações ASP.NET

Olá pessoal, neste artigo mostro alguns exemplos práticos em que podemos utilizar o Javascript em conjunto com uma aplicação ASP.NET. Acompanhem.

Inicialmente veremos como limitar um campo texto para receber apenas caracteres numéricos.

Para isso, em sua ASPX, dentro da tag head crie uma função que irá fazer essa limitação, como ilustra a Listagem 01.

Listagem 01 – Função para permitir somente números

<script type="text/javascript">

function PermiteSomenteNumeros(event) {

var charCode = (event.which) ? event.which : event.keyCode

if (charCode > 31 && (charCode < 48 || charCode > 57))

return false;

return true;

}

</script>

No TextBox chame a função pelo evento onkeypress, como ilustra a Listagem 02.

Listagem 02 – Chamada a função no TextBox

<asp:TextBox ID="txtProduto" runat="server" onkeypress="return PermiteSomenteNumeros(event);" />

O evento onkeypress é “chamado” a cada novo caracter inserido pelo usuário no TextBox. Faça os testes e tente incluir letras.

Caso você tenha problemas com este evento no aspx, experimente incluí-lo no evento Page_Load de sua página, adicionando o seguinte código: txtProduto.Attributes.Add("onkeypress", "return PermiteSomenteNumeros(event);");

 A próxima função é muito útil, com ela conseguimos recuperar o valor de um TextBox e atribuirmos outro valor qualquer a ele.