ホームページ  >  記事  >  ウェブフロントエンド  >  JS投稿フォーム例 分析_JavaScriptスキル

JS投稿フォーム例 分析_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 15:26:251529ブラウズ

この記事の例では、JS を使用してフォームを送信する方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

1. JavaScript ページが追加されたときにフォームを自動的に送信します:

フォーム:

<form method="post" id="myform" action="a.php">
<input type="submit" value="提交表单">
</form>

JavaScript コード:

<script type="text/javascript">
function validate(){
 document.getElementByIdx_x('myform').submit();
}
window.load=validate();
</script>

注: JavaScript を使用してフォームを送信する場合、フォーム内の要素に id="submit" または name="submit" を使用しないことをお勧めします。 、 例:
2830d5732caa5af9a79d7a1a0a5d6871 または ff7f89cdfb53b82ebfadb3a74949ad61 この場合、JS はさまざまなブラウザと互換性がない可能性があり、エラーを報告する JS

2. ハイパーリンク送信フォーム

フォーム:

<form method="post" id="myform" action="a.php">
<input type="test" value="name"/>
</form>
<a href="javascript:validate()">提交</a>

JavaScript コード:

<script type="text/javascript">
function validate(){
 document.getElementByIdx_x('myform').submit();
}
</script>

JavaScript を使用すると、特定のことを行うのに非常に便利です。

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。