За последние 24 часа нас посетили 22896 программистов и 1234 робота. Сейчас ищут 782 программиста ...

Беда с JavaScript

Тема в разделе "JavaScript и AJAX", создана пользователем kvadim, 30 июл 2016.

  1. kvadim

    kvadim Активный пользователь

    С нами с:
    1 сен 2015
    Сообщения:
    69
    Симпатии:
    0
    Здравствуйте, у меня такая вот возникла проблема с использованием javascript, хочу подключить для проверки формы плагин jquery.validator.js, подключить подключил, но он не работает вообще, вместо того, чтобы проверять значения которые внесены в поля input , при нажатии на кнопку Зарегистрировать, перекидывает на файл который указан в action="". Как заставить работать javascript. Вот код javascript
    Код (Javascript):
    1. $(document).ready(function(){
    2.         $("#form_reg").validate(
    3.         {
    4.          // правила для проверки
    5.          rules:{
    6.             "reg_login":{
    7.                 required: true,
    8.                 minlength: 5,
    9.                 maxlength: 15,
    10.                 remote: {
    11.                     type: "post",
    12.                     url: "/reg/check_login.php"
    13.                 }
    14.             },
    15.             "reg_pass":{
    16.                 required: true,
    17.                 minlength: 7,
    18.                 maxlength: 15
    19.             },
    20.             "reg_surame":{
    21.                 required: true,
    22.                 minlength: 3,
    23.                 maxlength: 15
    24.             },
    25.             "reg_name":{
    26.                 required: true,
    27.                 minlength: 5,
    28.                 maxlength: 15,
    29.             },
    30.             "reg_patronymic":{
    31.                 required: true,
    32.                 minlength: 3,
    33.                 maxlength: 25
    34.             },
    35.             "reg_email":{
    36.                 required: true,
    37.                 email: true
    38.             },
    39.             "reg_pnone":{
    40.                 required: true,
    41.             },
    42.             "reg_address":{
    43.                 required: true,
    44.             },
    45.             "reg_captcha":{
    46.                 required: true,
    47.                 remote: {
    48.                     type: "post",
    49.                     url: "/reg/check_captcha.php"
    50.                 }
    51.             }
    52.          },
    53.        
    54.          // Выводим сообщения при нарушении соотвествующих правил
    55.          messages:{
    56.             "reg_login":{
    57.                 required: "Укажите Логин!",
    58.                 minlength: "От 5 до 15 символов!",
    59.                 maxlength: "От 5 до 15 символов!",
    60.                 remote: "Логин занят!"
    61.             },
    62.             "reg_pass":{
    63.                 required: "Укажите Пароль!",
    64.                 minlength: "От 5 до 15 символов!",
    65.                 maxlength: "От 5 до 15 символов!",
    66.             },
    67.             "reg_surname":{
    68.                 required: "Укажите Вашу Фамилию!",
    69.                 minlength: "От 5 до 15 символов!",
    70.                 maxlength: "От 5 до 15 символов!",
    71.             },
    72.             "reg_name":{
    73.                 required: "Укажите Ваше Имя!",
    74.                 minlength: "От 5 до 15 символов!",
    75.                 maxlength: "От 5 до 15 символов!",
    76.             },
    77.             "reg_patronymic":{
    78.                 required: "Укажите Ваше Отчество!",
    79.                 minlength: "От 5 до 15 символов!",
    80.                 maxlength: "От 5 до 15 символов!",
    81.             },
    82.             "reg_email":{
    83.                 required: "Укажите свой E-mail!",
    84.                 email: "Не корректный E-mail"
    85.             },
    86.             "reg_phone":{
    87.                 required: "Укажите номер телефона!"
    88.             },
    89.             "reg_address":{
    90.                 required: "Необходимо указать адрес доставки!"
    91.             },
    92.             "reg_captcha":{
    93.                 required: "Введите код с картинки!",
    94.                 remote: "Не верный код проверки!"
    95.             }
    96.          },
    97.        
    98.          submitHandler: function(form){
    99.             $(form).ajaxSubmit({
    100.                 success: function(data){
    101.                     if(data == 'true')
    102.                     {
    103.                         $('#block-form-registration').fadeOut(300,function(
    104.                             $('#reg_message').addClass("reg_message_good").fadeIn(400).html("Вы успешно зарегистрировались!");
    105.                             $('#form_submit').hide();
    106.                         ));
    107.                     }
    108.                     else
    109.                     {
    110.                         $('#reg_message').addClass("reg_message_error").fadeIn(400).html(data);
    111.                     }
    112.                 }
    113.             });
    114.          }  
    115.         });
    116.     });
     
  2. rodent90

    rodent90 Новичок

    С нами с:
    26 мар 2015
    Сообщения:
    533
    Симпатии:
    37
    Есть замечательная консоль, F12 в гугл-хроме. Воспользуйся ей для отладки.
    Посмотри какие ошибки выдает и кинь тут.
     
  3. kvadim

    kvadim Активный пользователь

    С нами с:
    1 сен 2015
    Сообщения:
    69
    Симпатии:
    0
    Я хром не юзаю. У меня firefox, более привычен
     
  4. rodent90

    rodent90 Новичок

    С нами с:
    26 мар 2015
    Сообщения:
    533
    Симпатии:
    37
  5. kvadim

    kvadim Активный пользователь

    С нами с:
    1 сен 2015
    Сообщения:
    69
    Симпатии:
    0
    Сделал, и что там смотреть что искать?
     
  6. mahmuzar

    mahmuzar Старожил

    С нами с:
    6 апр 2012
    Сообщения:
    4.632
    Симпатии:
    425
    Адрес:
    РД, г. Махачкала.
    в консоли браузера ты должен был увидеть ошибки.
     
  7. rodent90

    rodent90 Новичок

    С нами с:
    26 мар 2015
    Сообщения:
    533
    Симпатии:
    37
    Изучить и приучить себя ей пользоваться всегда, когда что-то разрабатываешь.
    Веб-консолька, всегда помогает.
    Смотри, что пишет когда пытаешься отправлять, какие ошибки, я дал ссылку - изучай, настраивай, отлаживай!
    По вопросам, что в ней делать ты все найдешь по ссылке выше.
     
  8. kvadim

    kvadim Активный пользователь

    С нами с:
    1 сен 2015
    Сообщения:
    69
    Симпатии:
    0
    Выдает такую ошибку "SyntaxError: missing ) after formal parameters" в этом файле с таким номером строки " my-validator.js:104:29" и было указано на эту строку
    Код (Javascript):
    1. $('#reg_message').addClass("reg_message_good").fadeIn(400).html("Вы успешно зарегистрировались!");
    И еще одна ошибка "TypeError: $(...).trackbar is not a function" в файле registration.php на код javascript
    Код (Javascript):
    1.         <script type="text/javascript">
    2. $(document).ready(function(){
    3.     $('#blocktrackbar').trackbar({
    4.         onMove: function(){
    5.             document.getElementById("start-price").value = this.leftValue;
    6.             documnet.getElementById("end-price").value = this.rightValue;
    7.         },
    8.         width: 160,
    9.         leftLimit: 1000,
    10.         leftValue:
    11.         1000,
    12.         rightLimit: 50000,
    13.         rightValue: 30000,
    14.         roundUp: 1000
    15.     });
    16. });
    17. </script>
    Ругается на эту строку " $('#blocktrackbar').trackbar({"
     
    #8 kvadim, 30 июл 2016
    Последнее редактирование: 30 июл 2016
  9. rodent90

    rodent90 Новичок

    С нами с:
    26 мар 2015
    Сообщения:
    533
    Симпатии:
    37
    Эта строка тут вообще не причем.
    Ошибка тут:
    Код (Javascript):
    1. function(
    2.     $('#reg_message').addClass("reg_message_good").fadeIn(400).html("Вы успешно зарегистрировались!");
    3.     $('#form_submit').hide();
    4. )
    Невозможно так передавать аргументы в lambda функции. Исключено.
    Либо вы опечатались.
     
  10. kvadim

    kvadim Активный пользователь

    С нами с:
    1 сен 2015
    Сообщения:
    69
    Симпатии:
    0
    Так где именно ошибка?
     
  11. rodent90

    rodent90 Новичок

    С нами с:
    26 мар 2015
    Сообщения:
    533
    Симпатии:
    37
    is not a function - объект trackbar не найден.
    <матное слово> ты смотри, что ты за <матное слово> пишешь:
    Код (Javascript):
    1. function(
    2.     $('#reg_message').addClass("reg_message_good").fadeIn(400).html("Вы успешно зарегистрировались!");
    3.     $('#form_submit').hide();
    4. )
    А надо:
    Код (Javascript):
    1. function() {
    2.     $('#reg_message').addClass("reg_message_good").fadeIn(400).html("Вы успешно зарегистрировались!");
    3.     $('#form_submit').hide();
    4. }
    Чуешь, чем пахнет?
     
    kvadim нравится это.
  12. kvadim

    kvadim Активный пользователь

    С нами с:
    1 сен 2015
    Сообщения:
    69
    Симпатии:
    0
    Спасибо, за помощь, с этим разобрались :) Работает. :) Теперь бы еще с trackbar'ом разобраться
     
  13. rodent90

    rodent90 Новичок

    С нами с:
    26 мар 2015
    Сообщения:
    533
    Симпатии:
    37
    А что с ним разбираться, он не подключен в этом месте, где ты его пытаешься вызывать.
     
  14. kvadim

    kvadim Активный пользователь

    С нами с:
    1 сен 2015
    Сообщения:
    69
    Симпатии:
    0
    В начале файла он подключен у меня так
    HTML:
    1. <script type="text/javascript" src="/trackbar/jquery.trackbar.js"></script>
    папка с таким именем существует, файл тоже существует, если смотреть исходный код в html, то если нажать на "/trackbar/jquery.trackbar.js" файл открывается и видно его содержимое, если он был бы не подключен он бы не открывался.
     
  15. rodent90

    rodent90 Новичок

    С нами с:
    26 мар 2015
    Сообщения:
    533
    Симпатии:
    37
    Если бы он был правильно подключен, он бы не писал что его нет, логично? А у тебя пишет, значит либо ты подключил до самого jquery, ибо хз.
     
  16. kvadim

    kvadim Активный пользователь

    С нами с:
    1 сен 2015
    Сообщения:
    69
    Симпатии:
    0
    Вот как у меня написано с начала файла
    HTML:
    1.  
    2. <!doctype html>
    3. <link type="text/css" rel="stylesheet" href="css/reset.css" >
    4.     <link type="text/css" rel="stylesheet" href="css/style.css" >
    5.     <link type="text/css" rel="stylesheet" href="css/menu.css">
    6.    
    7.     <link type="text/css" rel="stylesheet" href="trackbar/trackbar.css">
    8.    
    9.     <script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script>
    10.     <script type="text/javascript" src="/js/jcarousellite_1.0.1.js"></script>
    11.     <script type="text/javascript" src="/js/shop-script.js"></script>
    12.     <script type="text/javascript" src="/js/jquery.cookie.js"></script>
    13.  
    14.     <script type="text/javascript" src="/trackbar/jquery.trackbar.js"></script>
    15.    
    16.     <script type="text/javascript" src="/js/jquery.form.js"></script>
    17.     <script type="text/javascript" src="/js/jquery.validate.js"></script>
    18.  
    19.     <script type="text/javascript" src="/js/my-validator.js"></script>
    20. </head>
    21.  
     
  17. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.230
    Симпатии:
    1.715
    Адрес:
    Молдова, г.Кишинёв
    @kvadim ты ещё организуй где в живую можно посмотреть на проблемную страницу, чтобы легче было тебе помочь