ホームページ > 記事 > ウェブフロントエンド > JavaScript 送信フォームと送信送信の違いの分析

JavaScript 送信フォームと送信送信の違いの分析

黄舟オリジナル: 2017-11-18 15:13:392740ブラウズ

前の 2 つの記事で、JavaScript 送信フォームを実装するいくつかのメソッドと、JavaScript 送信フォームを検証する方法を紹介しました。送信フォームには特定の送信があるため、今日は分析を提供します。 JavaScript 送信フォームと送信送信の違いについて説明します!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script>

function test()
{
    document.getElementById("myform").submit();    
    alert(11);
}
</script>
<form  name="myfrom" id="myform" method="get" action="b.php">
<input type="text" name="pwd" value="" />
<input type="submit" name="sub" value="111" />
<input type="button" name="btn" value="btn" onclick="test()" />
</form>
</body>
</html>

注: get メソッドでフォームを送信するとき、アクションで url を使用して値を渡すことはできませんが、post では次のように渡すことができます。

js の送信と送信ボタン送信の違い:

1. js がフォームを送信するとき、送信ボタンの値は表示されません (クリックされていないため) すべてのブラウザー

。 2. 入力が押されると、w3c ブラウザーには送信ボタンが表示されます。ie6 では送信ボタンが表示されません。解決策: 隠しドメインを追加し、これを使用して判断します。どの方法で送信しても、値であること

Submit ボタンは submit イベントにバインドされています

つまり:

<input type="submit" name="btn" value="btn" onclick="test()" />

は submit の値をもたらし、送信時に onsubmit ステータスは検出できませんwith js

w3c: 1 回送信

ie6: 2 回に分けて送信、最初にフォームで js を送信

解決策:

ボタンが submit の場合、onsubmit イベント検出を使用する検出中

ボタンが button の場合、検出を通過した後に送信イベントがトリガーされます

フォームの送信に js を使用しないように注意し、onsubmit を使用して検出してくださいそれ

この記事の詳細な紹介に基づいて、JavaScript 送信フォームと送信送信の違いを理解できると思います。自分のニーズに応じてどちらを選択するかを決定してください。

JavaScript 送信フォームと送信送信の違いの分析

関連記事