none
Exibir mensagem de campo obrigatório RRS feed

  • Pergunta

  • Pessoal, gostaria de exibir uma mensagem em JQuery/CSS informando que determinado campo é obrigatório quando perde o foco. 

    Alguém sabe como posso fazer isso?

    Abçs.

    segunda-feira, 5 de março de 2012 13:35

Respostas

  • segue um exemplo em java script

    using

    System;

    teste123

    {

    public partial class _Default : System.Web.UI.Page

    {

     

     

    protected void Page_Load(object sender, EventArgs e)

    {

    if (!IsPostBack == true)

    {

    }

    else

    {

    }

    }

    **********************************************aspx*****************************************

    namespace

    <%

    @ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="teste123._Default" LCID="1046"%>

    <!

    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">

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

    function valida()

    {

    if (document.getElementById("<%=txtDescricao.ClientID%>").value == "")

    {

    alert(

    "Campo Obrigatorio.");

    document.getElementById(

    "<%=txtDescricao.ClientID%>").focus();

    return false;

    }

    else

    {

    return true;

    }

    }

    function JS_Trim(str)

    {

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

    }

    </script>

    <title></title>

    </

    head>

    <

    body>

    <form id="form1" runat="server">

    <div>

    <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

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

    <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return valida()"

    CausesValidation="False" />

    <br />

    </div>

    </form>

    </

    body>

    </

    html>


    CASO A RESPOSTA TENHA AJUDADO FAVOR MARCAR COMO RESPONDIDA.

    • Sugerido como Resposta Renan Buzzi segunda-feira, 5 de março de 2012 21:49
    • Marcado como Resposta Eder CostaModerator quarta-feira, 14 de março de 2012 14:34
    segunda-feira, 5 de março de 2012 21:49

Todas as Respostas

  • Bom dia.

    Segue link para lhe ajudar:

    http://www.macoratti.net/11/06/aspn_jq1.htm


    Consultoria .NET

    ANALISTA DESENVOLVEDOR
    Se esta sugestão for útil, por favor, classifique-a como útil.
    Se ela lhe ajudar a resolver o problema, por favor, marque-a como resposta.
    Blog .Net Descomplicado

    segunda-feira, 5 de março de 2012 13:47
  • Edson, no exemplo do link ele está usando o form, no meu caso não uso form, o que eu quero é quando perder o foco do componente se ele estiver vazio aparece um balãozinho informando campo obrigatório. Hoje exibo um alerta mais quero mudar pq esse alerta perturba. 
    segunda-feira, 5 de março de 2012 14:10
  • Voce teria um exemplo de uma imagem? De como você quer que apareça essa validação?

    Consultoria .NET

    ANALISTA DESENVOLVEDOR
    Se esta sugestão for útil, por favor, classifique-a como útil.
    Se ela lhe ajudar a resolver o problema, por favor, marque-a como resposta.
    Blog .Net Descomplicado

    segunda-feira, 5 de março de 2012 14:12
  • n tenho imagem mais um texto do lado do componente em vermelho por exemplo e se possível com um fundo cinza serviria.
    segunda-feira, 5 de março de 2012 14:56
  • O que eu quero é mais ou menos isso https://github.com/aheinze/Growl , mais n estou conseguindo colocar na master page.
    segunda-feira, 5 de março de 2012 21:15
  • segue um exemplo em java script

    using

    System;

    teste123

    {

    public partial class _Default : System.Web.UI.Page

    {

     

     

    protected void Page_Load(object sender, EventArgs e)

    {

    if (!IsPostBack == true)

    {

    }

    else

    {

    }

    }

    **********************************************aspx*****************************************

    namespace

    <%

    @ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="teste123._Default" LCID="1046"%>

    <!

    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">

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

    function valida()

    {

    if (document.getElementById("<%=txtDescricao.ClientID%>").value == "")

    {

    alert(

    "Campo Obrigatorio.");

    document.getElementById(

    "<%=txtDescricao.ClientID%>").focus();

    return false;

    }

    else

    {

    return true;

    }

    }

    function JS_Trim(str)

    {

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

    }

    </script>

    <title></title>

    </

    head>

    <

    body>

    <form id="form1" runat="server">

    <div>

    <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

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

    <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return valida()"

    CausesValidation="False" />

    <br />

    </div>

    </form>

    </

    body>

    </

    html>


    CASO A RESPOSTA TENHA AJUDADO FAVOR MARCAR COMO RESPONDIDA.

    • Sugerido como Resposta Renan Buzzi segunda-feira, 5 de março de 2012 21:49
    • Marcado como Resposta Eder CostaModerator quarta-feira, 14 de março de 2012 14:34
    segunda-feira, 5 de março de 2012 21:49