JQuery Validator 总是给出 True

Question

我在单击另一个按钮后出现的对话框中有一个表单。单击按钮后，表单将出现在用户将一些值放入其中的位置。其中一些是必需的，因此具有所需的属性附加到它们。我正在使用来自 bassistance.de 的验证器 http://docs.jquery.com/Plugins/Validation/validate

JQuery 验证器在表单 (medicx) 出现给用户（可见）时加载。当用户单击表单（submedic）的提交按钮时，检查它是真还是假开始。当某些具有所需标志的输入尚未完成时，这种检查总是给出 true 而不是给出 false。代码是这样的：

if ( $('#medicx').is(':visible') == true ) { 
$('#formmedic').validate();
}

$('#submedic').click(function() {
    alert("Valid: " + $("#formmedic").valid());
});

表格如下所示：

<td><label>First Name:</label></td>
<td><input id="fmfname" name="fmfname" type="text" min="3" pattern="[A-z]{3,}" required="required"/></td>
<td><label>Last Name:</label></td>
<td><input id="fmlname" name="fmlname" type="text" min="3" pattern="[A-z]{3,}" required="required"/></td>

Answer 1

查看documentation，您的input 元素应该有class="required" 而不是required="required"。

这可以解释为什么您的表单始终有效 - 应该是必填的字段实际上并未标记为必填。

添加required 类，看看是否可以解决问题。

我看不到插件是否支持 HTML5 required 属性。如果是这样，它应该只是 required 或什么都没有（根据 specification）。