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/