Как сделать автоподстановку значения одного поля в другое?

Question

[Mihail_Mel]

Здравствуйте! Помогите решить вопрос. Есть форма юзера. Хочется чтобы при заполнении поля почты значение поля автоматически подставлялось в логин с обрезанием символа @ и всего что после него.
и как это правильно сделать для посимвольного ввода и при копировании в данного поле сразу всего адреса

$('#mail_user').keyup(function(){
			if($(this).val()!=='')
			{
				
			} else { //  }
		});

пробовал
this.value.match(s/@.*);
на https://regex101.com такое выражение работает а в коде выдает ошибку.

Comments

[WapSter]

Для манипуляции со значением при каждом вводе символов используется событие input для нужного поля ввода.

Answer 1

[Mikola-BLR]

Метод .split() может разбить вашу строку по какому-нибудь символу (например, @) и возвращает массив из разбитых кусков. Собственно, 0-й элемент массива и будет содержать то, что было в самом начале.

'[e-mail]'.split('@');

вернёт массив
['vasya-pupkin', 'gmail.com']

В вашем случае всё сводится к такой записи:
$(this).val().split('@')[0];

И событие я бы навесил такое:

$('#mail_user').on('change input', function() {
    // your code
});

должно работать и для посимвольного ввода, и для копирования-вставки.

Comments

[Mihail_Mel]

Спасибо. но вот вопрос еще такой в такой записи не работает проверка

if(this.value.split('@')[0])!='') { alert("2"); }

[Mikola-BLR]

Да, я немного не то написал,

$(this).val().split('@')[0];
конечно должно быть.

https://codepen.io/anon/pen/gywRZY