ASP.Net textbox événement onblur

J'ai une zone de texte, dont les valeurs j'ai besoin de valider (si la valeur de la textbox est de 50, puis de les afficher de message dans lblShowMsg) lorsque l'utilisateur onglets de la zone de texte (événement onBlur). Je n'arrive pas à obtenir la syntaxe de droit.

J'ai ce code sur mon pageload événement:

protected void Page_Load(object sender, EventArgs e)
{
    txtCategory.Attributes.Add("onblur", "validate()"); 

}

Mais je n'arrive pas à obtenir le code javascript correcte. Des suggestions?

  • pourquoi êtes-vous en ajoutant l'attribut onblur à la volée et non pas dans le balisage?
InformationsquelleAutor LearningCSharp | 2010-03-05
  1. 9

    Dans le Code behind: (VB.NET)

    Sur la page de l'événement load de

    txtAccountNumber.Attributes["onBlur"] = "IsAccNumberValid(" & txtAccountNumber.ClientID & ")";

    Où txtAccountNumber est l'ID de la zone de texte dans le balisage de la page et vous passer le ClientID de la zone de texte parce que JavaScript est côté client, pas côté serveur. Et maintenant, dans le balisage de la page(.aspx) ont ce javascript dans la section head de la page:

    <script type="text/javascript">                     
function IsAccNumberValid(txtAccountNumber) {                                             
    if (txtAccountNumber.value.length < 6) {    
                      alert(txtAccountNumber.value);
            }    
        }    
</script>
    • Ici est la Version de C#: ddlCompanies.Attributs["onBlur"] = "AddNewCompany1(" + ddlCompanies.ClientID + ")";
    InformationsquelleAutor Pratul Sanwal
  2. 5

    Est que le code dans votre page load? Vous devez utiliser le nom de la commande, et non pas le nom de type de zone de texte. Par exemple, vous pouvez essayer:

     textBox1.Attributes.Add("onblur", "validate();");

    où "textBox1" est l'ID que vous avez attribué à la zone de texte dans votre balisage à la place.

    Aussi, à partir de Javascript, il est très possible que l'ID de la zone de texte a changé une fois qu'il est rendu à la page. Il serait mieux si vous passez le contrôle de la validation de la fonction:

    function validate(_this)
{
    if (_this.value == "50")
        //then set the ID of the label.  
}

    Ensuite, vous définissez l'attribut comme ceci:

    textBox1.Attributes.Add("onblur", "validate(this);");

    Enfin, je vous recommande fortement l'utilisation de la bibliothèque JQuery si vous faites quoi que ce soit en Javascript. Il fera de votre vie 10x plus facile.

    • Désolé, c'était une erreur de ma part. L'ID de la txtBox est txtCategory
    • Lorsque j'exécute le code comme vous le montrer ci-dessus (pas de JQuery), j'obtiens un message d'erreur "erreur d'exécution Microsoft JScript: 'document.form1.lblShowMsg' a la valeur null ou n'est pas un objet"
    • Encore une fois, une partie du problème est que l'étiquette que vous souhaitez utiliser est plus que probable renommée à autre chose. Utilisez quelque chose comme Outils de développement dans IE ou FireBug dans Firefox pour traquer le réel ID de l'étiquette sur le formulaire. Ces deux outils vous permettent de picorer dans les DOM. Une fois que vous le trouvez, utilisez document.getElementById("id de l'élément ici") afin d'extraire l'élément, et ensuite vous pouvez définir la propriété innerHTML en Javascript.
    • J'ai utilisé les Outils de développement, et je peux voir que l'étiquette a la même valeur d'ID de lblFSCText; je pense que cette fonctionnalité de base de la validation de onblur, ne devrait pas être si compliqué dans une telle avancée de la langue;
    • document.getElementById("lblFSCText").innerHTML = "Valide";
    • n'a pas fonctionné. Toujours obtenir le document.getElementByID(...) a la valeur null ou n'est pas un objet; je comprends ce que tu veux dire par l'objet renommé pour anothr ID, mais dans les Outils de Dev, il ne pas avoir le même IDENTIFIANT.

    InformationsquelleAutor David Morton
  3. 2

    Cela fonctionne.

    Textbox1.Les attributs.Add("onblur","javascript:alert('aaa');");

    Assurez-vous que functiion se trouve dans la partie du script de la page.

    Ma page 

    <script type="text/javascript">
    function Validate() {

        alert('validate');

    }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="Textbox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" />
    </div>
    </form>
</body>
</html>

    code derrière

    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Textbox1.Attributes.Add("onblur","Validate();");
        }
    }
    • N'avez pas besoin d'une alerte; Besoin d'afficher un message à l'étiquette; (lblShowMsg.visible = true)
    InformationsquelleAutor Parminder