JQuery 验证器给出总是 True

Question

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

当表单 (medicx) 出现在用户面前(可见)时，JQuery 验证器就会加载。当用户单击表单(submedic)的提交按钮时，检查它是 true 还是 false 开始。当某些具有所需标志的输入尚未完成时，此检查始终给出 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 属性。如果是这样，则应该只是必需或根本不需要(根据 specification )。