Comment appeler un événement après la perte de focus à partir d'une zone de texte qui vient d'être rempli?

J'ai deux zones de texte: A et B à l'aide de Html.textboxfor. Zone de texte 'A' est activé et la zone de texte " B " est désactivé.

Quand j'type de valeurs dans la zone de texte 'A' et de changer d'orientation à l'écart de la zone de texte, zone de texte " B " doit être renseignée avec une valeur.

Par exemple: je suis saisie de la valeur de la TextBox A = "Roi"; si le focus est perdu à partir de la boîte, la valeur dans la zone de texte B doit être "Peter", qui doit être rempli automatiquement.

Je ne suis pas sûr au sujet de l'ASP, mais l'événement que vous écoutez est blur
Il semble peut être résolu par jquery onblur(), mais y aurait-il logique que vous souhaitez appliquer entre la zone de texte et Un contenu s'affiche sur la zone de texte B? si elle en corrélation avec les données de la requête, vous pouvez avoir besoin d'utiliser appel ajax à côté de votre jquery flou de l'événement ainsi

OriginalL'auteur SRA | 2010-07-15

  1. 2

    vous pouvez simplement donner de la zone de texte une attrbiute de onblur et appeler une méthode qui permettra de remplir la deuxième zone de texte

    quelque chose comme:

       <script language="javascript">
       function fllB()
       {
          var txtB = document.getElementById("txtB");
          var txtA = document.getElementById("txtA");

          if (txtA.value == "King")
          {
              txtB.value = "Peter";
          }
        }
    </script>

<input type="text" id="txtA" onblur="fillB()" />
<input type="text" id="txtB" />

    OriginalL'auteur guy schaller

  2. 1

    Puisque vous utilisez ASP.NET, pourquoi ne pas vous servir de la .NET toolbox comme asp:textbox. Il sera plus facile de maintenir aussi.

    protected void TextBox1_TextChanged(object sender, EventArgs e)
{
    if (TextBox1.Text == "King")
    {
        TextBox2.Text = "Peter";
    }
}

    OriginalL'auteur Delvi Chen

  3. 1

    Ci-dessous est la fonction javascript que j'ai écrit pour valider mon entrée "Prix" de la valeur de la monnaie.

    <script language="javascript">
function validatePrice(textBoxId) {
    var textVal = textBoxId.value;
    var regex = /^($|)([1-9]\d{0,2}(\,\d{3})*|([1-9]\d*))(\.\d{2})?$/;
    var passed = textVal.match(regex);
    if (passed == null) {
        alert("Enter price only. For example: 523.36 or $523.36");
        textBoxId.Value = "";
    }
}

    Si vous voulez le feu à la validation après avoir perdu un accent de la zone de texte, puis utiliser “onblur” de l'événement qui est le même que OnLostFocus() dans la plupart des WinForm contrôles.

    <asp:TextBox ID="TextBox19" runat="server" Visible="False" Width="183px" 
                onblur="javascript:return validatePrice(this);"></asp:TextBox>

    OriginalL'auteur S.Mishra

  4. 0

    Il semble que si vous voulez que votre deuxième zone de texte à toujours être désactivé? Si donc inclure les personnes handicapées de la propriété dans le textboxfor:

    <%: Html.TextBoxFor( x => x.XXX, new { id = "txtA" }) %>    
<%: Html.TextBoxFor( x => x.XXX, new { id = "txtB", disabled="true" }) %>

    Pour le JavaScript, je suis en supposant que vous êtes à l'aide de jquery qui est inclus avec mvc: (Si vous ne voulez pas clair txtb si la valeur est supprimée à partir de la case A, puis retirez le else)

        $(function() 
{
    $("#txtA").change(function()
    {
        if ($("#txtA").val().length > 0) {

            $("#txtB").val(function()
            {
                //Do something to populate #txtb ex: Peter
                var myVar = "Peter";

                return myVar;
            }); 
        }
        else 
        {
            $("#txtB").val("");
        }
    });
});

    OriginalL'auteur matto0

  5. -1

    jQuery:

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

    $("#txtA").change(function()
    {
      if(this.value == "King") 
        $("#txtB").attr("disabled", "").val( "Peter" );
    });

  });
</script>

    OriginalL'auteur dave thieben