jQuery добавить домен к текстовому вводу

У меня есть домен (например: example.tld), и я хочу разрешить пользователям создавать адрес электронной почты в этом домене, просто вводя первую половину сообщения электронной почты адрес. Таким образом, домен будет добавлен в текстовое поле, и когда пользователь нажмет на это поле, курсор будет в начале поля ввода, позволяя им ввести свое имя.jQuery добавить домен к текстовому вводу

Perferrably Мне также хотелось бы, чтобы значение домена внутри текстового ввода не редактировалось.

Так при загрузке страницы, я хочу, чтобы текстовое поле, чтобы выглядеть следующим образом:

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

Затем, когда пользователь нажимает и начинает вводить текст это будет выглядеть; с @ example.tld»часть принуждают.

<input type="text" id="emailaddress" value="[email protected]" />

Любые идеи о том, как достичь этого с помощью JQuery?

источник

2010-10-31 Michael Pasqualone

почему бы не просто установить @ example.tld за пределами поля ввода? так что функциональность вы пытаетесь имитировать ..

Update

, как @bobince говорит в своем комментарии, вы бы лучше просто дело с возможным Erro пользователя r (), отправив всю электронную почту), после того как он отправил информацию или покинул поле электронной почты.

источник

2010-10-31 21:10:15

Это именно то, что я делаю сейчас, и это действительно работает. Теперь я просто пытаюсь добавить в приложение «bling». Я заметил на нескольких тестовых прогонах UI, что некоторые пользователи пытаются отправить «[email protected]» в текстовое поле, даже если домен напечатан как раз в стороне, а адрес электронной почты отправлен как user @ example.tld @ example.tld. Поэтому просто старайтесь быть немного более удобным и понятным, как то, что происходит. –

Я бы просто обнаружил и обработал условие ошибки, автоматически отключая трейлер '@ ...' при отправке. – bobince

jQuery добавить домен к текстовому вводу

ответ

Смежные вопросы