Как скрыть div при нажатии кнопки, используя Jquery - PullRequest
Новая
       4

Как скрыть div при нажатии кнопки, используя Jquery

0 голосов
/ 27 мая 2020

Я использую проверку jquery для проверки формы регистрации. Все работает. Но под паролем типа ввода есть сообщение с идентификатором password_msg . Это сообщение отображается перед формой отправки. Теперь то же сообщение также и в сообщении проверки пароля. Когда я нажимаю на «Отправить», отображаются оба сообщения. Мне нужно, когда я нажимаю на «Отправить», сообщение, которое находится под тегом пароля в диапазоне с id password_msg , должно быть скрыто. Должно отображаться только сообщение проверки. 

<input name="password" class="form-control" type="password" id="password" placeholder="************">
  <span class="font-13 text-danger" id="password_msg">
    Password should be a minimum of 8 characters including uppercase and lowercase letters, at least 1 number and at least 1 special character (!@#$%^&*).
  </span>
 <div class="col-md-6 col-sm-5 col-xs-6 text-left">
   <button type="submit" class="next_button" name="reg_user">Sign up</button>
 </div>

My jquery is: 

$('form[id="validate_form"]').validate({
rules: {
  password: {
        required: true,
            }
 },
messages: {
   ,
    password: {
      required: 'Password should be a minimum of 8 characters including uppercase and lowercase letters, at least 1 number and at least 1 special character (!@#$%^&*).',
               }
 },
  submitHandler: function(form) {
    form.submit();
  }
});

Я пытался скрыть сообщение: 

$(document).ready(function(){
$('#reg_user').on('click', function(event) {
    $('#password_msg').hide();
});
});

Но оба сообщения появляется

1 Ответ

1 голос
/ 27 мая 2020

Я не понял вашего вопроса, но исправить это можно с помощью кода ниже 

$(document).ready(function(){
$('.next_button').on('click', function(event) {
    $('#password_msg').hide();
});
})
...