• Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Тема: Позиціонування повідомлень про помилки у JQuery validate

Одним словом, ніяк не можу зрозуміти, як зробити так, щоб повідомлення про помилки, виводилися у потрібному мені блоці ? Або наприклад над input-от, який є невалідний ?

2 Відповідь від Invader

  • Invader
  • Invader
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.08.2012
  • Повідомлень: 2 047
    • Репутація: 575

Re: Позиціонування повідомлень про помилки у JQuery validate

А шматочок коду для прикладу?

  • Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Re: Позиціонування повідомлень про помилки у JQuery validate

Invader написав:

А шматочок коду для прикладу?

<div class="container">
    <div class="row">
                
      <form id="SignUpForm" class="form-signin" action="/" method="POST">
        <h2 class="form-signin-heading">Please Sign Up</h2>
        
        <input name="CompanyName" id="InputCompanyName" type="text" class="input-block-level" placeholder="Company Name">
        <input name="Industry" id="InputIndustry" type="text" class="input-block-level" placeholder="Industry">
        
        <input name="FirstName" id="InputFirstName" type="text" class="input-block-level" placeholder="First Name">
        <input name="LastName" id="InputLastName" type="text" class="input-block-level" placeholder="Last Name">
        <label for="Email"></label>
        <input name="Email" id="InputEmail" type="text" class="input-block-level" placeholder="Email">
        <input name="Password" id="InputPassword" type="password" class="input-block-level" placeholder="Password">
        
        <button class="btn btn-large btn-primary" id="SignInButton" type="submit">Sign in</button>
      </form>

    </div> <!-- /container -->
</div>


    <script>
        $(document).ready(function(){ 

            $('#SignUpForm').validate({
                rules: {
                    Email: {
                        email: true,
                        required: true
                    }
                }
                
});


        });
    </script>

4 Відповідь від Invader

  • Invader
  • Invader
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.08.2012
  • Повідомлень: 2 047
    • Репутація: 575

Re: Позиціонування повідомлень про помилки у JQuery validate

Як зразок:

    jQuery('input[type="text"]').each(function() {
            var jqt = jQuery(this);
            if (jqt.hasClass('c')) {
                if (!jqt.val()) {
                    jQuery('<div style="color:red;">Empty field  </div>').insertBefore(jqt);
                }
            }
    });

5 Відповідь від Invader

  • Invader
  • Invader
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.08.2012
  • Повідомлень: 2 047
    • Репутація: 575

Re: Позиціонування повідомлень про помилки у JQuery validate

Трохи не в тему я написав. Це про плагін. В будь-якому разі insertBefore insertAfter…