自定义表单的Jquery验证

时间:2013-03-21 08:58:52

标签: jquery jquery-validate

在网页中我使用的表单根据当前标签选择显示上传文件输入或文本输入。

由于我对两个选项卡使用相同的表单,因此jQuery验证失败。一世 我正在使用textinput和fileinput进行验证,但如果表单有textinput且没有reportFile,则表示未提交。我认为这是因为在提交时,验证器也在寻找不存在的reportFile。

我尝试使用依赖,但即使这样也行不通。

例如:

rules: {
    "textInput": "required",
    "reportFile": {
        required: "true",
        accept: "pdf"
    }
},

1 个答案:

答案 0 :(得分:0)

我无法看到您正在谈论的内容,“两个标签的相同形式”等,因为您未能向我们展示该代码的任何部分。表格的HTML在哪里,至少?

然而,the rules on reportFile will fail because you placed quotation marks around a boolean true.

这在包含这两个字段的一个表单上完全正常...

rules: {
    "textInput": "required",
    "reportFile": {
        required: true,  //<-- remove quotation marks from true
        accept: "pdf"
    }
},

<强> HTML

<form id="myform">
    <input type="text" name="textInput" />
    <input type="file" name="reportFile" />
    <input type="submit" />
</form>

DEMO:http://jsfiddle.net/J9dgD/3/