0

所以我在父窗口的“onclick”按钮属性中使用了这段代码：

window.frames['sample'].document.forms['sample_sheet'].submit();

最初（通过 HTML 的内置检查）iframe 的提交按钮在单击时，如果我在数字输入字段中键入一个字母并尝试提交它，则会给我一个验证错误。例如：

 <input type="number" />

因此，如果我在该输入中键入“RG”，我会在尝试提交时收到“请输入一个数字”。

但是使用我在上面为父窗口按钮使用的提交功能，表单无论如何都会提交，而且我还有一个 HTML min='0' 属性被通过提交功能忽略（就像即使我输入一个负数，它将在没有 HTML 检查的情况下提交）。我真的需要在提交之前进行 HTML 验证！为什么它现在不起作用，我该如何验证？

在此处输入图像描述

父窗口中的 HTML

 <iframe src="sample/"
            frameborder="" name="sample" id="sample" class="contentiframe"></iframe>

 <a onclick="window.frames['sample'].document.forms['sample_sheet'].submit();" data-transition="flip" data-theme="" data-icon="check">
                  Submit

在 iFRAME 中形成 HTML

<form id="sample_sheet" name="sample_sheet" action="php/upload.php" method="post">
<table>         .......
<tr>
            <td>Sample Sequence</td>
            <td><input type="number" name="sample_no" id="sample_no" /></td>
</tr>
<tr>
            <td>Waste Weight</td>
            <td><input type="number" step="any" min="0" name="waste_wt" id="waste_wt" /></td>
        </tr>
</table>
<!--<input type="submit" value="Submit" />-->
</form>
4

2 回答 2

1

你在回调函数中使用 event.PreventDefault() 吗？这将停止按钮单击时的任何默认操作。

于 2013-05-08T20:01:16.137 回答
0

安装 jquery 验证插件后，我最终在这里找到了答案，这是我所缺少的。

Jquery 使用链接验证并发送表单

于 2013-05-10T18:30:52.657 回答