父提交功能提交iFrame表单而不验证输入类型

Question

所以我在父窗口的'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>

Answer 1

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

Answer 2

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

Jquery Validate and send form with a link