JQuery подтвердить

Question

У меня есть этот код jquery, загрузка удаленной страницы с параметром из формы ввода текста

$(document).ready(function() {
    $('form').submit(function() {
        $('#result').load("/api.php", {
            'url': $("input:text[name=url]").val()
        });
    });
});

Мне нужно проверить введенный текст, то есть URL.

Как я могу использовать плагин Validate для проверки перед отправкой?

Answer 1

На вашей странице PHP просто верните true или сообщение об ошибке, например, "This site isn't allowed" (обратите внимание на разницу, true не указано).

Затем используйте правило remote , например:

$("form").validate({
  rules: {
    url: {
      remote: "/api.php"
    }
  }
});

По умолчанию он отправит одну пару запросов, имя элемента (уже url) и его значение, именно то, что вы передавали ранее. Строка обрабатывается как сообщение об ошибке, а true - как проходящая проверка.

Стоит отметить, что это правило особенное, оно будет ожидать завершения запроса AJAX, прежде чем проверка завершится, поэтому все это в одном сегменте, а не в отдельном процессе / шаге проверки.

Answer 2

Используя плагин jQuery Validate, вы можете указать валидацию в форме следующим образом:

$('form').validate({
  rules: {
    firstname: "required",
    surname: "required"
  },
  success: function() {
    $('#result').load("/api.php", {
       'url': $("input:text[name=url]").val()
    });
  },
});

Надеюсь, это поможет вам начать работу, дополнительную информацию о различных доступных опциях можно найти по адресу: http://docs.jquery.com/Plugins/Validation