jQuery验证忽略规则

Question

这个问题现在让我困扰了一段时间。 这可能是一件容易的事，但目前我还没有看到。 HTML和JavaScript包含在下面。 jQuery 1.8.3在jQuery验证之前已加载，并且其中没有JS错误。

问题实际上是，即使提交一个空值，验证器也只是将其接受为接受的条目并提交表单（控制台中没有错误）。

HTML：

<form method="POST" id="reactieform">
<input type="hidden" name="reactie" value="1" />

<table style="float:left;">
    <tr>
        <td width="250">Voornaam</td>
        <td width="650"><input maxlength="150" type="text" name="voornaam" /></td>
        <td width="100"></td> 
    </tr>

    <tr>
        <td>&nbsp;</td>
        <td><input type="submit" value="Reactie opslaan" /></td>
    </tr>                   
</table>
</form>

JavaScript：

$(document).ready(function() {          
    $('#reactieform').validate({            
        voornaam: {
            required: true,
            minlength: 10
        }
    });
});

Answer 1

尝试这个 -

 rules:{
         voornaam: {
            required: true,
            minlength: 10
         }
       }

Answer 2

您的代码完全缺少rules选项。 您的规则，声明必须放在内部 rules选项。

$(document).ready(function() {          
    $('#reactieform').validate({    
        rules: {
            voornaam: {
                 required: true,
                 minlength: 10
            }
        }
    });
});

工作演示： http ： //jsfiddle.net/4kXuF/