jQuery验证忽略规则

时间:2013-04-13 21:28:20

标签: javascript jquery jquery-validate

这个问题暂时让我感到困惑。这可能是一件容易的事,但在这个时候我没有看到它。 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
        }
    });
});

2 个答案:

答案 0 :(得分:2)

试试这个 -

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

答案 1 :(得分:1)

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

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

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