jQuery - Comparar o conteúdo de 2 TextBox

<< Click to Display Table of Contents >>

Navigation:  jQuery >

jQuery - Comparar o conteúdo de 2 TextBox

Previous pageReturn to chapter overviewNext page

Definição

 

Assim como no JavaScript e em qualquer outra linguagem programação, o uso do if e else nos ajuda a não só extender a funcionalidade, mas também as possibilidades de uso do seu código.

 

Podemos usar esse comando para criar novos eventos quando um outro tenha sido concluído, como por exemplo, para verificar se um formulário foi corretamente preenchido.

 

Exemplo:

 

Supondo que em um documento HTML haja um formulário, onde alguns de seus campos precisam estar iguais, pode-se usar o seguinte código, tendo como base que são dois campos; um com ID TextBox1 e o outro com ID TextBox2, e o botão com ID btnComparar

 

aspx

 

  <script language="javascript" type="text/javascript" src="util/jquery-1.2.6.js"></script>

  <script language="javascript" type="text/javascript">

 

       $(document).ready(function () {

           $("#btnComparar").click(function () {

              if ($("#TextBox1").val() != $("#TextBox2").val()) {

                   alert("favor preencher os campos corretamente");

                  return false;

               } else {

                   alert("campos preenchidos corretamente");

                  return true;

               }

           });

       });

  </script>

 

<body>

  <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

  <br />

  <br />

  <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

  <br />

  <br />

  <asp:Button ID="btnComparar" Text="Modificar" runat="server" OnClick="Comparar_Click" />