運営サイト/オリジナルCMS   |   ダウンロードランキング   |   お問い合わせ

ログインシステム制作パック(格安の9,800円!)

ログインシステム制作パック(格安の9,800円!)

SNS や 会員制サイト の構築に利用された実績のある 「ログインシステム」 を、システム単体としてパッケージ化しました。
運営中や、新規制作のホームページ に 簡単にログイン機能 をつけることができます。

aタグやbuttonでサブミットする

JavaScriptを使って、<a>タグや<input type=”button”>でサブミットする方法

■ソース

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>サンプル</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

<script type="text/javascript">
<!--
function DisableButtonSubmit(b){
	b.disabled = true;
	b.form.submit();
}
function setSubmit(f){
	document[f].submit();
}
//-->
</script>
</head>
<body>




<p>buttonによる送信(二度押ししないよう非活性)</p>
<form name="form1" method="post" action="">
<input type="button" value="送信" onclick="DisableButtonSubmit(this)"/>
<input type="hidden" name="data1" value="送信しました" /> <?=$_POST["data1"]?>
</form>

<hr />

<p>Aタグによる送信</p>
<form name="form2" method="post" action="">
<a href="javascript:;" onclick="setSubmit('form2')">送信</a>
<input type="hidden" name="data2" value="送信しました" /> <?=$_POST["data2"]?>
</form>

</body>
</html>

■動作サンプル&ソースダウンロード


参考になりました?

Filed under: JavaScript,忘れっぽいのでメモる — admin 13:07  Comments (0)
トラックバック

このエントリーのトラックバックURL:

コメントはまだありません »

まだコメントはありません。

コメントをどうぞ

コメントを書くにはログインが必要です。
ログイン

運営サイト/オリジナルCMS   |   ダウンロードランキング   |   お問い合わせ