jQueryvalidation插件无法正常运行

我似乎无法弄清楚这里的问题是什么。 我已经尝试将我的js放在我的头脑中，在我的表格之下，在我的表格之上等等。他们似乎都没有做任何事情。 它只是在没有尝试validation的情况下提交页面

HTML：

 
Submit A Lost Paw
 
Please complete the form below. After being reviewed by a moderator, your listing will be posted for others to see.
 
 
 
 
 
 Pet Name: 
 
  
 
 
 
 
 Date Pet Went Missing: 
 
  
 
 
 
 
 Location: 
 
  
 
 
 
 
 Age: 
 
  
 
 
 
 
 Colors: 
 
  
 
 
 
 
 Contact Name: 
 
  
 
 
 
 
 Phone: 
 
  
 
 
 
 
 Email: 
 
  
 
 
 
 
 Additional Details: 
 
  
 
 
 
 
 
 
  
 
 
 
  

使用Javascript：

  $(document).ready(function() { $("#test").validate({ errorLabelContainer: "#error-box", wrapper: "li id='error'", rules: { pet_name: { required: true } } }); });  

截至目前，js直接位于同一文件中的html下方。 整个文件被拉入一个索引页面，该页面中包含了validate.js文件。

Answer 1

你需要输入字段的名称属性，例如

Answer 2

您似乎没有向元素添加任何类或在插件上执行任何其他javascript方法调用以指定validation行为。

通常，您可以添加诸如required ， email ， url等类来确定validation行为（或者调用插件方法来执行相同操作。

Answer 3

我没见过你的头，请确保包含以下内容

 $(function(){ $("#test").validate(); }) jQuery.validator.setDefaults({ debug: true, success: "valid", submitHandler: function(form) { posting(); } 

}）;

您可能不需要提交处理程序，“发布”部分是您将ajax脚本转换为函数并使用处理程序调用它的位置。 当然，你需要脚本标签