jsフォーム送信スキルとsubmission_javascriptスキルの違いの分析例-jsチュートリアル-php.cn

jsフォーム送信スキルとsubmission_javascriptスキルの違いの分析例

WBOY

リリース： 2016-05-16 15:26:20

オリジナル

1209 人が閲覧しました

この記事の例では、js フォーム送信と送信送信の違いを分析します。参考のために皆さんと共有してください。詳細は次のとおりです:

<!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. Enter キーを押して送信します。w3c ブラウザーでは送信ボタンの値が表示されますが、

では表示されません。

解決策:

隠しフィールドを追加し、これを使用して判断します。送信にどの方法が使用されたとしても、値が存在します

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

つまり:
submit の値が含まれ、js
を使用して送信された場合、onsubmit ステータスは検出できません w3c: 1 回送信
ie6: 2 つのステップで送信します。最初にフォーム

で js を送信します。

解決策: