Связка модального окна и jq

287
02 июня 2017, 12:52

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

вьюха модального окна

=javascript_include_tag 'autocomplete-rails.js'
#newModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1"}
  .modal-dialog{:role => "document"}
    = simple_form_for Feedback.new,url: feedb_main_index_path, method: 'post' do |f|
      .modal-content
        .modal-header
          %button.close{"aria-label" => "Закрыть", "data-dismiss" => "modal", :type => "button"}
            %span{"aria-hidden" => "true"} ×
          %h4#myModalLabel.modal-title Форма обратной связи
        .modal-body
          .well
            = label :theme_id,'Тема:'
            =f.select :theme_id, options_from_collection_for_select(Theme.order(:id), :id, :name), {include_blank: 'Выберите тему'}, class: 'form-control'
            = label :fio,'ФИО:'
            =f.text_field :fio, placeholder: 'Заполните поле ФИО', class: 'form-control'
            = label :tel,'Телефон:'
            =f.text_field :tel, placeholder: 'Заполните поле телефона', class: 'form-control'
            = label :email,'Email:'
            =f.text_field :email, placeholder: 'Заполните поле электронной почты', class: 'form-control'
            = label :org_id,'Организация:'
            .text-success Введите маленькими буквами свою организацию для поиска её в базе
            =f.autocomplete_field :org_text, autocomplete_organization_name_main_index_path, class: 'form-control', placeholder: 'Заполните поле организации'
            %br
              .g-recaptcha{"data-sitekey" => ""}
        .modal-footer
          = f.submit 'Отправить', class: 'btn btn-primary btn-lg btn-block', id: 'btn_check'

вызов модального окна

  .feedback_foot
    .feedback_footer.text-center{"data-target" => "#newModal", "data-toggle" => "modal"}

js

$(function() {
    $(document).ready(function(){
        if ($('#feedback_tel').val() != '') {
            var pattern_tel = /^[0-9-+()]{6,16}$/;
            if (pattern_tel.test($('#feedback_tel').val())) {
                $('#feedback_tel').css({'border': '1px solid #569b44'});
            } else {
                $('#feedback_tel').css({'border': '1px solid #ff0000'});
                alert('Поле телефона должно содержать минимум 6 цифр');
                return false;
            }
        }else {
            return true;
        }
    });
});

или

$(function() {
    $('#btn_check').click(function () {
        if ($('#feedback_theme_id').val() != 0 || $('#feedback').val() != '' || $('#feedback_email').val() != '' || $('#feedback_tel').val() != '') {
            return false;
        }
        else {
            alert('Заполнено верно нажмите Ок');
            return true;
        }
    });
});
READ ALSO
Не работает css из за комментария

Не работает css из за комментария

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

248
Реально ли сделать такую анимацию с помощью css?

Реально ли сделать такую анимацию с помощью css?

Добрый день! Есть такая анимация на css:

366
Не могу собрать QMYSQL под Windows

Не могу собрать QMYSQL под Windows

Знаю, что тема очень избитая, но у меня не получается собрать драйвер MySQL для Qt 58 (MinGW)

585
Не создаётся сокет mysql

Не создаётся сокет mysql

При загрузке системы ubuntu в папке /var/run не создаётся папка mysqld, и => сокета тоже не создаётсяЯ так понимаю, папка mysqld должна быть в /run тоже, но её там...

225