javascript - 如何在 HTML 输入字段的末尾自动添加 .com？

Question

我试图让 HTML 输入表单字段自动在 HTML 中插入“.com”后缀，但我也希望用户能够将“.com”编辑到他们想要的任何域中。关于我应该如何处理这个问题有什么建议吗？

Answer 1

在输入的 blur() 事件中检查用户是否已输入域，如果没有则添加默认域。我写了一个简单的示例(它并不完美，因为某些域可能无法识别，但它应该为您提供总体思路)

示例

$("#myTextBox").on('blur', function (event) {
    var input = $(this).val();
    if (!input.match(/.*\.[a-zA-Z0-9]+$/)) {
        $(this).val(input + ".com")
    }
});

Fiddle Link