Question

我有一个html结构

<form id="myvalidation">
<iframe>
<form  id="insidevalidation">
<input type="text" name="myname" id="myname" />
</form>
</iframe>
<input type="submit" />

</form>

我需要验证iframe内部的输入字段，但我无法从iframe外部找到name进行验证。

 "myname": {
                            required:true,
                            validEmail:true
                            //onlyNumeric:true
                        },

不确定如何从iframe外部获取myname。请帮忙

Answer 1

只要input有name，您就不需要知道使用name方法声明规则的.rules()。

使用.validate()初始化插件后，您可以将.rules()方法附加到任何选择器。

$('#insidevalidation').validate({ // initialize plugin
    // other options, etc.
    ....
});

$('#insidevalidation input').rules('add', { // attach these rules to FIRST input element
    required: true,
    validEmail: true
});

另请注意，您提交的按钮位于您正在尝试验证的form的外，因此它无法按预期工作。

但是，我的回答是假设您可以在form内的iframe上使用此插件。我不知道，因为iframe呈现为空，所以无法在SO片段或jsFiddle中进行测试。

从iframe提交按钮外部验证iframe输入字段 - jquery validator插件

1 个答案: