Dicas JavaScript e Servidor

Veja neste artigo uma sequ�ncia de dicas para ASP.NET falaremos sobre dicas de JavaScript e por �ltimo dicas de Servidor. Vamos iniciar ent�o com o JavaScript.

Javascript


function getInputs(obj, array) {
    if (obj.childNodes != null) {
        for (var i = 0; i < obj.childNodes.length; i++) {
            var element = obj.childNodes[i];

            if (element.nodeName.toUpperCase() == 
               'INPUT' && element.type.toUpperCase() == 'TEXT') {
                array[array.length] = element;
            }
            else {
                getInputs(element, array);
            }
        }
    }
}

Listagem 1. Buscando Textboxs


function trim(str) {
    return str.replace(/^\s+|\s+$/g, "");
}

Listagem 2. Removendo os espa�os em branco


function limpar() {
    var array = [];
    var msg = '';

    getInputs(document, array);

    for (var i = 0; i < array.length; i++) {
        array[i].value = '';
    }

    array = null;
}

Listagem 3. Limpando os TextBoxs da p�gina


function validar() {
    var array = [];
    var msg = '';

    getInputs(document, array);

    for (var i = 0; i < array.length; i++) {
        if (trim(array[i].value) == '') {
            msg += 'Campo ' + 
            array[i].attributes['description'].value + ' em branco!\n';
        }
    }

    array = null;

    if (msg != '') {
        alert(msg)
        return false;
    }
}

Listagem 4. Validando os TextBoxs da p�gina

Servidor


public void Limpar(Control controlP)
{
    foreach (Control ctl in controlP.Controls)
    {
        if (ctl is TextBox)
        {
            ((TextBox)ctl).Text = String.Empty;
        }
        else if (ctl.Controls.Count > 0)
        {
            Limpar(ctl);
        }
    }
}

Listagem 5. Limpando os Textboxs do lado do servidor


public void Validar(Control controlP, StringBuilder oStringBuilder)
{
    foreach (Control ctl in controlP.Controls)
    {
        if (ctl is TextBox)
        {
            TextBox oTextBox = (TextBox)ctl;

            if (oTextBox.Text.Trim() == String.Empty)
            {
                oStringBuilder.Append("Campo " + 
               oTextBox.Attributes["description"] + " em branco!\\n");
            }
        }
        else if (ctl.Controls.Count > 0)
        {
            Validar(ctl, oStringBuilder);
        }
    }
}

Listagem 6. Validando os Textboxs do lado do servidor


ScriptManager.RegisterStartupScript(this, 
typeof(Page), "Mensagem", "alert('Hello World');", true);

Listagem 7. Adicionando um script na p�gina

Abaixo um exemplo onde podemos limpar e validar os textbox sem conhecer os ids dos componentes, utilizamos recursividade para encontrar os componentes, tanto do lado do servidor como do lado do cliente.

Nos componentes Textbox adicionei um novo atributo para colocar a descri��o, utilizado para mostrar para o cliente qual campo est� em branco.


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"
 Inherits="DicasAspNet.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <script language="javascript" type="text/javascript">
            function limpar() {
                var array = [];
                var msg = '';

                getInputs(document, array);

                for (var i = 0; i < array.length; i++) {
                    array[i].value = '';
                }

                array = null;
            }

            function validar() {
                var array = [];
                var msg = '';

                getInputs(document, array);

                for (var i = 0; i < array.length; i++) {
                    if (trim(array[i].value) == '') {
                        msg += 'Campo ' + array[i].attributes['description'].value + 
                        ' em branco!\n';
                    }
                }

                array = null;

                if (msg != '') {
                    alert(msg)
                    return false;
                }
            }

            function getInputs(obj, array) {
                if (obj.childNodes != null) {
                    for (var i = 0; i < obj.childNodes.length; i++) {
                        var element = obj.childNodes[i];

                        if (element.nodeName.toUpperCase() == 'INPUT' && 
                        element.type.toUpperCase() == 'TEXT') {
                            array[array.length] = element;
                        }
                        else {
                            getInputs(element, array);
                        }
                    }
                }
            }

            function trim(str) {
                return str.replace(/^\s+|\s+$/g, "");
            }
        </script>

        <table width="200px" border="0">
            <tr>
                <td style="width:70px;">
                    <asp:Label runat="server" Text="Nome: "></asp:Label>
                </td>
                <td style="width:130px;">
                    <asp:TextBox ID="TextBox1" runat="server" description="Nome">
                    </asp:TextBox>
                </td>
            </tr>
            <tr>
                <td style="width:70px;">
                    <asp:Label ID="Label1" runat="server" Text="Idade:  "></asp:Label>
                </td>
                <td style="width:130px;">
                    <asp:TextBox ID="TextBox2" runat="server" description="Idade">
                    </asp:TextBox>
                </td>
            </tr>
            <tr>
                <td style="width:70px;">
                    <asp:Label ID="Label2" runat="server" Text="Rua: "></asp:Label>
                </td>
                <td style="width:130px;">
                    <asp:TextBox ID="TextBox3" runat="server" description="Rua">
                    </asp:TextBox>
                </td>
            </tr>
            <tr>
                <td style="width:70px;">
                    <asp:Label ID="Label3" runat="server" Text="Bairro: "></asp:Label>
                </td>
                <td style="width:130px;">
                    <asp:TextBox ID="TextBox4" runat="server" description="Bairro">
                    </asp:TextBox>
                </td>
            </tr>
            <tr>
                <td style="width:70px;">
                    <asp:Label ID="Label4" runat="server" Text="Cidade: "></asp:Label>
                </td>
                <td style="width:130px;">
                    <asp:TextBox ID="TextBox5" runat="server" description="Cidade">
                    </asp:TextBox>
                </td>
            </tr>
            <tr>
                <td style="width:70px;">
                    <asp:Label ID="Label5" runat="server" Text="UF: "></asp:Label>
                </td>
                <td style="width:130px;">
                    <asp:TextBox ID="TextBox6" runat="server" description="UF">
                    </asp:TextBox><br />
                </td>
            </tr>
        </table>
        
        <input id="Button4" type="button" value="Limpar Javascript" onclick="limpar();" />
        <asp:Button ID="Button1" runat="server" Text="Limpar Servidor" 
        onclick="Button1_Click" />
        <asp:Button ID="Button2" runat="server" Text="Validar Javascript" 
        OnClientClick="return validar();" />
        <asp:Button ID="Button3" runat="server" Text="Validar Servidor" 
        onclick="Button3_Click" />
    </form>
</body>
</html>

Listagem 8. HTML da p�gina


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text;

namespace DicasAspNet
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            Limpar(this);
        }

        protected void Button3_Click(object sender, EventArgs e)
        {
            StringBuilder oStringBuilder = new StringBuilder();

            Validar(this, oStringBuilder);

            if (oStringBuilder.ToString() != String.Empty)
            {
                ScriptManager.RegisterStartupScript(this, typeof(Page), 
                "Validar", "alert('" + oStringBuilder.ToString() + "');", true);
            }
        }

        public void Limpar(Control controlP)
        {
            foreach (Control ctl in controlP.Controls)
            {
                if (ctl is TextBox)
                {
                    ((TextBox)ctl).Text = String.Empty;
                }
                else if (ctl.Controls.Count > 0)
                {
                    Limpar(ctl);
                }
            }
        }

        public void Validar(Control controlP, StringBuilder oStringBuilder)
        {
            foreach (Control ctl in controlP.Controls)
            {
                if (ctl is TextBox)
                {
                    TextBox oTextBox = (TextBox)ctl;

                    if (oTextBox.Text.Trim() == String.Empty)
                    {
                        oStringBuilder.Append("Campo " + 
                        oTextBox.Attributes["description"] + " em branco!\\n");
                    }
                }
                else if (ctl.Controls.Count > 0)
                {
                    Validar(ctl, oStringBuilder);
                }
            }
        }
    }
}

Listagem 9. Arquivo .CS da p�gina

Tecnologias:

Confira outros conte�dos:

Teste unit�rio com NUnit

Como migrar projetos do ASP.NET MVC...

Crie relat�rios com o Stimulsoft...

Assista grátis a nossa aula inaugural

Perguntas frequentes

Quem somos?

Por que a programação se tornou a profissão mais promissora da atualidade?

Como faço para começar a estudar?

Em quanto tempo de estudo vou me tornar um programador?

Sim, você pode se tornar um programador e não precisa ter diploma de curso superior!

O que eu irei aprender estudando pela DevMedia?

Principais diferenciais da DevMedia

Qual o investimento financeiro que preciso fazer para me tornar um programador?

Como funciona a forma de pagamento da DevMedia?

Por Edson Em 2012

Nossos casos de sucesso

Leonardo Carlos

Eu sabia pouqu�ssimas coisas de programa��o antes de come�ar a estudar com voc�s, fui me especializando em v�rias �reas e ferramentas que tinham na plataforma, e com essa bagagem consegui um est�gio logo no in�cio do meu primeiro per�odo na faculdade.

Lucas Rodrigues

Estudo aqui na Dev desde o meio do ano passado! Nesse per�odo a Dev me ajudou a crescer muito aqui no trampo.
Fui o primeiro desenvolvedor contratado pela minha empresa. Hoje eu lidero um time de desenvolvimento!
Minha meta � continuar estudando e praticando para ser um Full-Stack Dev!

Her�clito J�nior

Economizei 3 meses para assinar a plataforma e sendo sincero valeu muito a pena, pois a plataforma � bem intuitiva e muuuuito did�tica a metodologia de ensino. Sinto que estou EVOLUINDO a cada dia. Muito obrigado!

Julio Cablen

Nossa! Plataforma maravilhosa. To amando o curso de desenvolvimento front-end, tinha coisas que eu ainda n�o tinha visto. A did�tica � do jeito que qualquer pessoa consegue aprender. S�rio, to apaixonado, adorando demais.

Joelberth Sena

Adquiri o curso de voc�s e logo percebi que s�o os melhores do Brasil. � um passo a passo incr�vel. S� n�o aprende quem n�o quer. Foi o melhor investimento da minha vida!

Felipe Nunes

Foi um dos melhores investimentos que j� fiz na vida e tenho aprendido bastante com a plataforma. Voc�s est�o fazendo parte da minha jornada nesse mundo da programa��o, irei assinar meu contrato como programador gra�as a plataforma.

Wanderson Oliveira

Comprei a assinatura tem uma semana, aprendi mais do que 4 meses estudando outros cursos. Exerc�cios pr�ticos que n�o tem como n�o aprender, est�o de parab�ns!

Jos� Lucas

Obrigado DevMedia, nunca presenciei uma plataforma de ensino t�o presente na vida acad�mica de seus alunos, parab�ns!

Eduardo Dorneles

Aprendi React na plataforma da DevMedia h� cerca de 1 ano e meio... Hoje estou h� 1 ano empregado trabalhando 100% com React!

Adauto Junior

J� fiz alguns cursos na �rea e nenhum � t�o bom quanto o de voc�s. Estou aprendendo muito, muito obrigado por existirem. Est�o de parab�ns... Espero um dia conseguir um emprego na �rea.

Ver todos os casos de sucesso

Dicas JavaScript e Servidor - Asp.NET

Veja neste artigo algumas dicas em Asp.net.