Проблема с всплывающими подсказками
Вот начал писать сайт и "встал" вопрос о создании красивой регистрации. Обратился к статье ПРОВЕРКА ФОРМЫ НА ЛЕТУ. Но кое-что не понравилось, а именно - если сделал ошибку в заполнении выходит сообщение, но исправив ошибку сообщение все равно висит(((( Помогите. А в демонстрации на сайте все норм((( демонстация - ДЕМО Исходники можно скачать ТУТ
и на всякий случай оставлю тут: |
jquery.messageWindow.js
$(document).ready(function() { $("a#promptId").messageWindow({ formtoValidate:this, success:function(){createAlert()} }) }); jQuery.fn.validationEngine = function(settings) { settings = jQuery.extend({ appender : $('body'), formtoValidate : "", text : "Default text box", success : function() {}, failure : function() {} }, settings); console.log(settings.formtoValidate) var buildSkel = function() { var promptWindow = document.createElement('div') $(promptWindow).css({ opacity:0, zIndex:5000 }); $(promptWindow).addClass("promptWindow") var textDiv = document.createElement('div') $(textDiv).addClass("promptText") $(textDiv).html(settings.text) var windowEventTrue = document.createElement('a') $(windowEventTrue).attr("href","#") $(windowEventTrue).addClass("trueMessageEvent") var questionDiv = document.createElement('div') $(questionDiv).addClass("questionDiv") $(windowEventTrue).html("Yes") var windowEventFalse = document.createElement('a') $(windowEventFalse).attr("href","#") $(windowEventFalse).addClass("falseMessageEvent") $(windowEventFalse).html("No") $(promptWindow).append(textDiv) $(promptWindow).append(questionDiv) $(questionDiv).append(windowEventTrue) $(questionDiv).append(windowEventFalse) $(settings.appender).append(promptWindow); $(".promptWindow").css("display", "block") }; return this.each(function(){ var caller = this // Callback fonction need this to remember the prompt caller $(this).bind("click", function(){openPrompt()}) var openPrompt = function() { buildSkel() // BUILD PROMPT WINDOW HTML MARKUP $(".promptWindow").animate({ opacity:1, top:"180px" },300) $("a.trueMessageEvent").bind("click", function(){ remove(true) return false; }) $("a.falseMessageEvent").bind("click", function(){ remove(false) return false; }) return false; }; var remove = function(callback) { $(".promptWindow").animate({ opacity:0, top:"200px" },300,function() { $(".promptWindow").remove() /* EXECUTE CALLBACK */ if(callback == true){ settings.success && settings.success(caller); }else{ settings.failure && settings.failure(caller); } }) }; }); }; |
файл с формой reg.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <title>Регистрация</title> </head> <body> <h2 class="heading"><span class="colr">РЕГИСТРАЦИЯ</span></h2> <form id="formID" class="formular" method="post" action="?page=save_user" enctype="multipart/form-data"> <!-- save_user.php - это адрес обработчика. То есть, после нажатия на кнопку "Зарегистрироваться", данные из полей отправятся на страничку save_user.php методом "post" --> <fieldset> <legend>Информация о пользователе</legend> <label> <span class="next_vezde">Логин*:</span> <input class="validate[required,custom[noSpecialCaracters],length[3,15]] text-input" type="text" name="login"/> </label> <label> <span class="next_vezde">Email адрес*: </span> <input class="validate[required,custom[email]] text-input" type="text" name="email" id="email" /> </label> <label> <span class="next_vezde">Повторите email адрес*: </span> <input class="validate[required,confirm[email]] text-input" type="text" name="email2"/> </label> </fieldset> <fieldset> <legend>Пароль</legend> <label> <span class="next_vezde">Пароль*: </span> <input class="validate[required,length[6,11]] text-input" type="password" name="password" id="password"/> </label> <label> <span class="next_vezde">Повторите пароль*: </span> <input class="validate[required,confirm[password]] text-input" type="password" name="password2"/> </label> </fieldset> <fieldset> <legend>Проверка от спама и правила сайта</legend> <label> <span class="checkbox">Я согласен с правилами сайта*: </span> <input class="validate[required] checkbox" type="checkbox" name="agree"/> </label> <label><br> <br> <span class="next_vezde">Выберите аватар. Изображение должно быть формата jpg, gif или png:</span><br> <input class="text-input2" type="FILE" name="fupload"> </label> <label><br> <span class="next_vezde">Введите код с картинки*:</span><br> <p class="codegen"><img class="codeimg" src="code/my_codegen.php"></p> <p><input class="validate[required,custom[noSpecialCaracters],length[0,100]] text-input" type="text" name="code"></p><br><br> </label> Звездочками (*) обозначены поля, обязательные для заполнения.</fieldset> <!-- В code/my_codegen.php генерируется код и рисуется изображение --> <p align="center"> <input class="simplebtnbig" type="submit" name="submit" value="ЗАРЕГИСТРИРОВАТЬСЯ"> <!-- Кнопочка (type="submit") отправляет данные на страничку save_user.php --> </p> </form> </body> </html> |
может проблема в том что у меня файл js в другом месте?
|
Цитата:
|
Часовой пояс GMT +3, время: 00:12. |