javascript - 在 jquery.validate.min.js 中验证 url

Question

我有小表格：

以下是我正在验证输入字段的必填字段的脚本，现在我想使用 jquery.validate.min.js 验证 url。

<script type="text/javascript" >
            $(document).ready(function() {                                                      
                var container = $('#error');                
                $("#rssform").validate({                            
                    errorContainer: container,
                    errorLabelContainer: $(container),
                    meta: "validate",
                    rules: {                                          
                        feedurl: {
                            required:true                         
                        }                        
                    },
                    messages: {                
                        feedurl: {
                            required:"Please Enter the URL"                            
                        }                                                
                    }

                });

            });
        </script>

<form action="rssindex.php" method="POST" id="rssform">
                    <label>Enter the feed URL&nbsp;</label>         
                    <input type="submit" name="submit" value="GO" id="submit"/>
                </form>                

我怎样才能做到这一点。有什么解决办法吗？谢谢

Answer 1

jQuery validate 插件提供了验证 url 的方法。

例子：

$("#myform").validate({
  rules: {
    field: {
      required: true,
      url: true
    }
  }
});

对于您的代码，添加url: true到规则中。

                    feedurl: {
                        required:true,
                        url: true     //here                         
                    }