Здравствуйте, у меня такая вот возникла проблема с использованием javascript, хочу подключить для проверки формы плагин jquery.validator.js, подключить подключил, но он не работает вообще, вместо того, чтобы проверять значения которые внесены в поля input , при нажатии на кнопку Зарегистрировать, перекидывает на файл который указан в action="". Как заставить работать javascript. Вот код javascript Код (Javascript): $(document).ready(function(){ $("#form_reg").validate( { // правила для проверки rules:{ "reg_login":{ required: true, minlength: 5, maxlength: 15, remote: { type: "post", url: "/reg/check_login.php" } }, "reg_pass":{ required: true, minlength: 7, maxlength: 15 }, "reg_surame":{ required: true, minlength: 3, maxlength: 15 }, "reg_name":{ required: true, minlength: 5, maxlength: 15, }, "reg_patronymic":{ required: true, minlength: 3, maxlength: 25 }, "reg_email":{ required: true, email: true }, "reg_pnone":{ required: true, }, "reg_address":{ required: true, }, "reg_captcha":{ required: true, remote: { type: "post", url: "/reg/check_captcha.php" } } }, // Выводим сообщения при нарушении соотвествующих правил messages:{ "reg_login":{ required: "Укажите Логин!", minlength: "От 5 до 15 символов!", maxlength: "От 5 до 15 символов!", remote: "Логин занят!" }, "reg_pass":{ required: "Укажите Пароль!", minlength: "От 5 до 15 символов!", maxlength: "От 5 до 15 символов!", }, "reg_surname":{ required: "Укажите Вашу Фамилию!", minlength: "От 5 до 15 символов!", maxlength: "От 5 до 15 символов!", }, "reg_name":{ required: "Укажите Ваше Имя!", minlength: "От 5 до 15 символов!", maxlength: "От 5 до 15 символов!", }, "reg_patronymic":{ required: "Укажите Ваше Отчество!", minlength: "От 5 до 15 символов!", maxlength: "От 5 до 15 символов!", }, "reg_email":{ required: "Укажите свой E-mail!", email: "Не корректный E-mail" }, "reg_phone":{ required: "Укажите номер телефона!" }, "reg_address":{ required: "Необходимо указать адрес доставки!" }, "reg_captcha":{ required: "Введите код с картинки!", remote: "Не верный код проверки!" } }, submitHandler: function(form){ $(form).ajaxSubmit({ success: function(data){ if(data == 'true') { $('#block-form-registration').fadeOut(300,function( $('#reg_message').addClass("reg_message_good").fadeIn(400).html("Вы успешно зарегистрировались!"); $('#form_submit').hide(); )); } else { $('#reg_message').addClass("reg_message_error").fadeIn(400).html(data); } } }); } }); });
Есть замечательная консоль, F12 в гугл-хроме. Воспользуйся ей для отладки. Посмотри какие ошибки выдает и кинь тут.
Изучить и приучить себя ей пользоваться всегда, когда что-то разрабатываешь. Веб-консолька, всегда помогает. Смотри, что пишет когда пытаешься отправлять, какие ошибки, я дал ссылку - изучай, настраивай, отлаживай! По вопросам, что в ней делать ты все найдешь по ссылке выше.
Выдает такую ошибку "SyntaxError: missing ) after formal parameters" в этом файле с таким номером строки " my-validator.js:104:29" и было указано на эту строку Код (Javascript): $('#reg_message').addClass("reg_message_good").fadeIn(400).html("Вы успешно зарегистрировались!"); И еще одна ошибка "TypeError: $(...).trackbar is not a function" в файле registration.php на код javascript Код (Javascript): <script type="text/javascript"> $(document).ready(function(){ $('#blocktrackbar').trackbar({ onMove: function(){ document.getElementById("start-price").value = this.leftValue; documnet.getElementById("end-price").value = this.rightValue; }, width: 160, leftLimit: 1000, leftValue: 1000, rightLimit: 50000, rightValue: 30000, roundUp: 1000 }); }); </script> Ругается на эту строку " $('#blocktrackbar').trackbar({"
Эта строка тут вообще не причем. Ошибка тут: Код (Javascript): function( $('#reg_message').addClass("reg_message_good").fadeIn(400).html("Вы успешно зарегистрировались!"); $('#form_submit').hide(); ) Невозможно так передавать аргументы в lambda функции. Исключено. Либо вы опечатались.
is not a function - объект trackbar не найден. <матное слово> ты смотри, что ты за <матное слово> пишешь: Код (Javascript): function( $('#reg_message').addClass("reg_message_good").fadeIn(400).html("Вы успешно зарегистрировались!"); $('#form_submit').hide(); ) А надо: Код (Javascript): function() { $('#reg_message').addClass("reg_message_good").fadeIn(400).html("Вы успешно зарегистрировались!"); $('#form_submit').hide(); } Чуешь, чем пахнет?
В начале файла он подключен у меня так HTML: <script type="text/javascript" src="/trackbar/jquery.trackbar.js"></script> папка с таким именем существует, файл тоже существует, если смотреть исходный код в html, то если нажать на "/trackbar/jquery.trackbar.js" файл открывается и видно его содержимое, если он был бы не подключен он бы не открывался.
Если бы он был правильно подключен, он бы не писал что его нет, логично? А у тебя пишет, значит либо ты подключил до самого jquery, ибо хз.
Вот как у меня написано с начала файла HTML: <!doctype html> <head> <link type="text/css" rel="stylesheet" href="css/reset.css" > <link type="text/css" rel="stylesheet" href="css/style.css" > <link type="text/css" rel="stylesheet" href="css/menu.css"> <link type="text/css" rel="stylesheet" href="trackbar/trackbar.css"> <script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="/js/jcarousellite_1.0.1.js"></script> <script type="text/javascript" src="/js/shop-script.js"></script> <script type="text/javascript" src="/js/jquery.cookie.js"></script> <script type="text/javascript" src="/trackbar/jquery.trackbar.js"></script> <script type="text/javascript" src="/js/jquery.form.js"></script> <script type="text/javascript" src="/js/jquery.validate.js"></script> <script type="text/javascript" src="/js/my-validator.js"></script> </head>
@kvadim ты ещё организуй где в живую можно посмотреть на проблемную страницу, чтобы легче было тебе помочь