jQuery 表单验证，仅显示最新的错误消息

Question

我正在使用 jQuery 表单验证插件。

我遇到的问题是，如果表单无效并且我单击“提交”，则每次屏幕上每个字段都会出现另一条错误/成功消息。实质上显示错误/成功消息的历史记录，直到表单有效。

为什么会发生这种情况？如何修复它以便仅显示最新的错误/成功消息？

这是头部的代码:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/lib/jquery.delegate.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<script type="text/javascript">
jQuery.validator.setDefaults({
    debug: false,
    success: "valid"
});;
</script>

  <script>
  $(document).ready(function(){
    $("#myform").validate({
  rules: {
    file: "required",
    name: "required",
    owner: "required"
  }
});
  });
  </script>

这是表格(稍微简化):

<form id="myform" action="upload" method="post" enctype="multipart/form-data">

Select file to upload: *    
<input type="file" name="file" id="file" title="Please select a file to upload">

Name for file: *
<input type="text" name="name" value="{{ name }}" id="new_file_name" title="Please choose a filename">

Select owner for file: *
<select name="owner" id="owner" title="Please select an owner">
<option value="">[ Choose an owner ]</option>
...options generated by template system...
</select>

File comments:
<textarea rows="5" cols="20" name="comments">{{ comments }}</textarea>

<input type=submit value=Upload>
</form>

编辑:
该表单位于我原始 html 的表格内。仅当表单位于表格内时才会出现此错误。

Answer 1

对我来说工作正常:http://jsfiddle.net/ryleyb/H6rQT/

你能看一下我的例子，与你正在做的进行比较，看看你的例子是否有不同吗？我的第一个猜测是，您在单击某处时调用验证函数，而不是在 document.ready() 中调用一次验证函数...