Показывать оповещение о загрузке, когда поле электронной почты не заполнено

Question

Я разрабатываю веб-сайт, и мне нужно сообщить пользователю, когда он нажимает кнопку «Сбросить пароль», чтобы ввести его адрес электронной почты в соответствующее поле. Я проверил документацию по загрузке, и они представляют только код HTML для раскрывающегося предупреждения ... он запускается при загрузке страницы, но я хочу показать предупреждение только при щелчке по фразе. Проверьте код ниже ....

  <button type="submit" name="go" id="connect_btn" class="btn btn-primary btn-block" tabindex="4" >Sign In</button> 
      <div> 
       <a id="signup_btn" href="../signup.php">Create an Account</a> 
        <div> 
         <a id="forgetpwd_btn" href="#" onclick="submitForm('../actions/process_forgetpwd.php');">Reset your Password</a> 
        </div> 
      </div> 
     </form> 
    </section> 

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

Большое спасибо!

Answer 1

Вы могли бы сделать что-то вроде этого:

<input type="email" ..... required> 

Обязательный атрибут является логический атрибут.

Когда присутствует, он указывает, что поле ввода должно быть заполнено перед отправкой формы.

Это не предупреждение, но пользователю сообщается сообщение о том, что вход не соответствует электронному письму (@), или если ему не хватает поля.

Answer 2

Возможно ли, чтобы вы добавляли класс всякий раз, когда возникает представление формы? U может просто иметь дело с ниспадающим предупреждением путем добавления и удаления класса, такой как

.hide{ 
    display: none; 
} 

Однако, если вы хотите, чтобы показать Уведомления коробки, то вы можете попробовать Intergrating это: http://bootboxjs.com/

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