jsフォーム送信とsubmit送信の違い-jsチュートリアル-php.cn

jsフォーム送信とsubmit送信の違い

高洛峰

リリース： 2016-12-16 15:12:38

オリジナル

1668 人が閲覧しました

<!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 値を渡すことはできません

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

1.フォームの送信時には、js は使用されません。すべてのブラウザーの送信ボタンの値 (クリックされていないため)

2. Enter キーを押して送信します。w3c ブラウザーでは送信ボタンの値が表示されますが、ie6 では送信ボタンの値が表示されます。ではありません

解決策: 非表示のドメインを追加します。これを使用して、送信に使用される方法に関係なく、値が存在します

送信ボタンに送信イベントをバインドします。 :

は submit の値をもたらしますが、js で送信した場合、onsubmit ステータスは検出できません

w3c: 1 回送信

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

解決策: ボタンが submit の場合、検出時に onsubmit イベント検出を使用します

ボタンが button の場合、submit イベントは検出が渡された後にトリガーされます