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 に答える