Автоматическое заполнение и сопоставление ввода электронной почты на основе значения имени и фамилии

#javascript #html #google-chrome #autocomplete #autofill

#javascript #HTML #google-chrome #автозаполнение

Вопрос:

Я использую расширение Chrome «Автозаполнение / автоклик». Как я могу сделать так, чтобы ввод адреса электронной почты автоматически заполнялся на основе значений имени и фамилии. Существует расширение Chrome «Form Filler», которое способно достичь этого, но нет способа увидеть, как оно выполняет сопоставление ввода.

Я пытался поиграть с некоторым кодом регулярных выражений, но только ни к чему не привел.

Например:

Имя: Джон Фамилия: Смит

Я хотел бы, чтобы при вводе адреса электронной почты отображался рандомизированный адрес электронной почты, но включались значения имени и фамилии. Например:

Адрес электронной почты: Джон.Smith@gmail.com

Я также хотел бы иметь рандомизированные числа в конце адреса электронной почты, подобные этому:

Адрес электронной почты: Джон.Smith99@gmail.com

Ответ №1:

Вы имеете в виду что-то вроде этого? Принимает ваши имя и фамилию в качестве входных данных и генерирует адрес электронной почты со случайными числами.

 $("#fname, #lname").on('input', function() {
    var fname = $("#fname").val();
    var lname = $("#lname").val();
    $("#mail").attr("value", fname   "."   lname   Math.floor(Math.random() * 90   10)   "@gmail.com");
});  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<body>
<input id="fname" placeholder="First name" type="text">
<input id="lname" placeholder="Last name" type="text">

<input id="mail" type="email">
</body>
</html>