如何阻止帖子返回页面顶部

本文关键字：顶部 返回 何阻止 | 更新日期: 2023-09-27 18:23:44

我关心的是post-back。我有3个文本框，姓氏、名字和用户名。我想将姓氏和名字结合起来创建一个用户名。用户名格式为lastname.firstname。aspx中的代码如下。post-back对于名字是正确的，因为用户输入名字后，它将自动生成用户名。

<strong>LAST NAME: <span style="color: #FF0000">*</span> </strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
    <asp:TextBox ID="txtLname" runat="server"
    Width="197px" onkeypress="return Alphabet()" BorderStyle="Solid"></asp:TextBox>
<strong>FIRST NAME: <span style="color: #FF0000">*</span> </strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;    <asp:TextBox ID="txtFname" runat="server" Width="199px" 
    onkeypress="return Alphabet()" AutoPostBack="True" 
    ontextchanged="txtFname_TextChanged" BorderStyle="Solid"></asp:TextBox>
<strong>USERNAME: </strong>&nbsp;<asp:TextBox 
ID="txtUser" runat="server" 
    Width="225px" ReadOnly="True" style="margin-left: 6px" BorderStyle="Solid" onkeypress="return Alphabet()"></asp:TextBox>

我在.aspx.cs中的代码如下。

protected void txtFname_TextChanged(object sender, EventArgs e)
    {
        string mystring = txtFname.Text;
        mystring = Regex.Replace(mystring, @"'s+", "");
        txtUser.Text = txtLname.Text + "." + mystring;
    }

这是为了触发用户名的自动生成。

综上所述，我想知道如何在输入第一个名字后阻止postback返回页面顶部，以自动生成用户名。非常感谢。

如何阻止帖子返回页面顶部

根据需要进行调整：

<html>
<head></head>
<body>
    <form action="">
        Last Name :<input  id="txtLastName" name="txtLastName" type="text" oninput="updateUserName()"></input><br />
        First Name:<input id="txtFirstName" name="txtLastName" type="text" oninput="updateUserName()"></input><br />
        Username:<input id="txtUserName" name="txtLastName" type="text" readonly></input><br />
        <button type="submit">Submit</button>
    </form>
    <script>
        function updateUserName()
        {
            var last_name = document.getElementById("txtLastName").value;
            var first_name = document.getElementById("txtFirstName").value;
            if(last_name !== "" && first_name !== "")
                document.getElementById("txtUserName").value =  last_name+"."+first_name;
        }
    </script>
</body>
</html>
相关文章：