验证不检查规则

Question

我使用 jQuery 验证插件来检查网站上的表单。这是我的 HTML 表格的一部分，用于检查

<form id ="formCharacteristics" align="center">
    <dl>
        <dt style="text-align:left; margin-left:120px;"><label for="cpuname">CPU name</label></dt>
        <dd><input type="text" id="cpuname" placeholder="Intel 8086"></dd>                 
    <div align="right" style="margin-right:30px">
        <button id="buttonSubmitCharacteristics" type="button" onclick = "AddCPU()" >Done</button>
        <button type="button" onclick="HideMessage()">Back</button>
    </div>
</form>

这是一段 JavaScript 代码，它在 Ajax 发布之前调用验证

AddCPU(){
    var form = $('#formCharacteristics');
    if(!form.valid())
        return;
    var CPUname = $('input #cpuname');
    ....
}

验证在其他表单上正常工作，但在这个表单上它不检查任何规则。我没有使用相同的表单 ID 和输入 ID。
这是指定规则的代码

$(document).ready(function() { 
$('#formCharacteristics').validate({ 
    rules:{ 
        cpuname: { 
            required: true, 
            maxlength: 30, 
            minlength: 4 
            } 
        } 
    });
......

)};

Answer 1

您的代码：

$('#formCharacteristics').validate({ 
    rules: { 
        cpuname: { // <- this is the NAME attribute
            required: true, 
            maxlength: 30,
            ....

要使 jQuery 验证插件正常工作，您的 input 必须包含与 [=14] 中指定的相同 name =] 对象...

<input type="text" name="cpuname" id="cpuname" ....

验证不检查规则

Validation doesn't check rules

jquery

jquery-validate