Подтвердите регистрационную форму, используя ajax

Question

Может ли кто-нибудь дать мне простой код для проверки формы регистрации с использованием ajax?

Answer 1

Я нашел это с помощью Google - http://jqueryfordesigners.com/using-ajax-to-validate-forms/

Кажется, хороший.

Answer 2

Очень короткий ответ.

Используйте плагин jQuery Validation .

Короткий ответ

Я советую вам использовать фреймворк.jQuery превосходен, а JJuery AJAX API работает как шарм.Ваша конкретная проблема может быть решена с помощью jQuery Validation Plugin .

Длинный ответ

Большинство людей больше не пишут чистый JavaScript (и, следовательно, AJAX), но начинают срамки.У фреймворков есть много преимуществ.

Например, вам не нужно беспокоиться о различиях в JavaScript между различными браузерами: фреймворк (в основном) делает это за вас.

Один примерпопулярным фреймворком в наши дни является jQuery.Если вы научитесь работать с jQuery, написание кода JavaScript будет намного проще, быстрее, и ваш код будет содержать меньше ошибок.

Много кода уже существует. Для работы с AJAX jQuery предлагает превосходный AJAX API .В Интернете есть учебники, и если вы сталкиваетесь с конкретными проблемами с примерами AJAX или вашим кодом jQuery, StackOverflow заполнен экспертами jQuery, так что публикуйте их здесь.

Конечно, вы не первый, кто хочетпроверить ввод формы с помощью AJAX.С такой проблемой часто сталкиваются, что какая-то добрая душа опубликовала плагин jQuery Validation .Этот плагин позволяет вам легко проверять ввод вашей формы, и вы можете расширять его с помощью собственных функций, если вам нужно.

Answer 3

Если вы тестируете что-то вроде имени пользователя, чтобы увидеть, существует ли оно (я полагаю, это послужит причиной для JavaScript) - просто отформатируйте свой ответ определенным образом, например

Если имя пользователя / адрес электронной почты в порядке: «OK», если не «FAIL» - тогда (мой код основан на jQuery, потому что писать его гораздо проще, чем прямой javascript)

 $("input[name='emailAddress']").onblur(function() {
      $.ajax({
           url:"/checkemailaddress?email="+$(this).val(),
           success: function(response) {
                if(response=="OK"){
                     $(this).removeClass("RedCross").addClass("GreenTick");
                } else {
                     $(this).removeClass("GreenTick").addClass("RedCross");
                }

           }

      });

 });

Коды не проверены кстати!