父提交功能提交的iFrame格式不验证输入类型

所以我在我的父窗口的“的onclick”按钮属性使用此代码：父提交功能提交的iFrame格式不验证输入类型

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

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

<input type="number" />

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

但是，使用上面提供的父窗口按钮的提交函数，表单将会提交，无论如何，我也有一个HTML min ='0'属性，通过submit函数被忽略如果我输入一个负数，它会提交没有HTML检查）。我确实需要HTML验证才能在提交之前工作！为什么它现在不能工作，我该如何验证？在父窗口

enter image description here

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

FORM HTML中的iframe

<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>

来源

2013-05-08 jflay