Automatic filling of Textbox

Question

I have the table AspNetUser in my database that I use to identify and authorize logins.

To login to my page, the user always needs to type the [email protected].

It is possible to program the TextBox to automatically fill the "@email with." ?

So the user would only need to fill in the Textbox: "user".

I want to follow the same idea of the Google site, where we do not need to fill the @gmail.with, just enter the first part of the email.

I’ve tried that:

<script>
function autoCompletEmail() {
    var x = document.getElementById("email");
    x.value = x.value + "wstur.com";
}

<div class="form-group">
                @Html.LabelFor(m => m.Email, new { @class = "col-md-2 control-label" })
                <div class="col-md-10" id="email" onblur="autoCompletEmail">
                    @Html.TextBoxFor(m => m.Email, new { @class = "form-control" })
                    @Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })
                </div>
            </div>

Answer 1

You can always use the event onblur and then complement the @email with. client-side:

<input type="text" id="email" onblur="addEmailSufix()">

On the client’s side:

<script>
    function addEmailSufix()
    {
        var x = document.getElementById("email");
        x.value = x.value + encodeURIComponent("@gmail.com");
    }
</script>

---

Using the example you posed in your question:

<script>
    function autoCompleteEmail() {
        var x = document.getElementById("email");
        x.value = x.value + encodeURIComponent("@wstur.com");
    }
</script>

<div class="form-group">
    @Html.LabelFor(m => m.Email, new { @class = "col-md-2 control-label" })
    <div class="col-md-10">
        @Html.TextBoxFor(m => m.Email, new { @id = "email", @class = "form-control", @onblur = "autoCompleteEmail();" })
        @Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })
    </div>
</div>