jQuery将域添加到文本输入

Question

我有一个域名（例如：example.tld），我想让用户只需要输入电子邮件地址的前半部分就可以在这个域上创建一个电子邮件地址。因此，域将被附加到文本框中，当用户单击该框时，光标将位于输入字段的开头，允许他们输入其名称。

我希望文本输入中的域值不可编辑。

因此，当页面加载时，我希望文本框看起来像：

<input type="text" id="emailaddress" value="@example.tld" />

然后当用户点击并开始输入文字时，它看起来就像;与@ example.tld“部分被迫。

<input type="text" id="emailaddress" value="userenteredtext@example.tld" />

有关如何使用jQuery实现此目的的任何想法？

Answer 1

为什么不在输入框外设置 @ example.tld ？因为这是你试图模仿的功能..

<强>更新

@bobince在他的评论中说，一旦他提交了信息或离开了电子邮件字段，你最好只是处理可能的用户错误（提交整个电子邮件）。< / p>