jquery验证

时间:2010-09-06 11:01:56

标签: jquery jquery-validate

我有这个jquery代码,使用输入文本格式的参数加载远程页面

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

我需要验证输入文本,即网址。

如何在提交之前使用Validate插件进行验证?

2 个答案:

答案 0 :(得分:1)

在您的PHP页面中,只需返回true或错误消息,例如"This site isn't allowed"(注意差异,true未引用)。

然后使用the remote rule,如下所示:

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

默认情况下,它会发送一个查询对,元素的名称(已经url)及其值,正是您之前传递的内容。字符串被视为错误消息,true被视为通过验证。

值得注意的是,这条规则很特殊,它会等待AJAX​​请求在验证完成之前完成,因此它们都在同一个存储桶中,而不是单独的验证过程/步骤。

答案 1 :(得分:0)

使用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