ホームページ > ウェブフロントエンド > jsチュートリアル > JS投稿フォーム例 分析_JavaScriptスキル

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

WBOY
リリース: 2016-05-16 15:26:25
オリジナル
1552 人が閲覧しました

この記事の例では、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" を使用しないことをお勧めします。 、 例:
または この場合、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 プログラミングのすべての人に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート