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 plugin 提供验证 url 的方法。

示例:

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

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

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