javascript - jQuery验证忽略规则

Question

这个问题困扰了我一段时间。这可能是一件容易的事情，但在这个时候我没有看到它。HTML & JavaScript 包括在下面。jQuery 1.8.3 在 jQuery validate 之前加载，并且没有 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/