Проверка была ли введена электронная почта, а именно символ @ по моему аналогу?

Question

[75db77]

у меня есть проверка ввода пароля, которая проверяет было ли введено буквы нижнего регистра:

var smallLetters = /[a-z]/g;               
  if(input.value.match(smallLetters)) {  
    small.classList.remove("invalid");
    small.classList.add("valid");
  } else {
    small.classList.remove("valid");
    small.classList.add("invalid");
  }

<div class="container">
  <form action="/action_page.php">
    <label for="usrname">Username</label>
    <input type="text" id="usrname" name="usrname" required>

    <label for="psw">Password</label>
    <input type="password" id="psw" name="psw" pattern="(?=.*[a-z])" title="Must contain lowercase letter," required>
    
    <input type="submit" value="Submit">
  </form>
</div>

<div id="message">
 
  <p id="small" class="invalid">A <b>lowercase</b> letter</p>
 
</div>

А как сделать аналогичною проверку была ли введена электронная почта, а именно символ @?
И также прокоментируйте в первой строке значение после "=". Я не понимаю что такое g и почему [a-z] поместили в / /

Answer 1

[Developer]

if (input.value.contains('@') {
...
}

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

Comments

[Andrey Suha]

Все верно, но забыли добавить что наличие собаки не гарантирует что это email))

[Developer]

Andrey Suha,

проверку была ли введена электронная почта, а именно символ @

А про проверку почты читайте мой коммент
Как работают регулярные выражения?

[75db77]

Developer, забыл спросить а что добавить в html?

<input type="password" id="psw" name="psw" pattern="(?=.*[a-z])" title="Must contain lowercase letter," required>

в pattern?

Answer 2

[irishmann]

Не изобретать велосипед, поставить type="email" для input