下記のソースのように「word」というテキストフィールドの
入力チェック後ボタンのvalueをword.phpに渡したいのですがどのようにしたらいいのでしょうか?
入力チェックをせず
input type="button"ではなくinput type="submit" にするとword.phpに渡せるのですが・・・
ようはA、B、Cそれぞれのボタンを押した時で
word.phpでbtnのvalueをPOSTで受け取り
処理をvalue A、B、Cで分岐させたいんです。
よろしくお願いします。
<html>
<head>
<SCRIPT language="JavaScript">
<!--
function chk(chkfrm){
var tmp = chkfrm.word.value.length;
if(tmp > 50 ){
alert("文字数が多すぎます");
}
else{
chkfrm.submit();
}
}
//-->
</SCRIPT>
</head>
<body>
<form name="form" method="post" action="word.php">
<input name="word" type="text" id="word">
<input type="button" name="btn" value="A" onclick="chk(this.form);">
<input type="button" name="btn" value="B" onclick="chk(this.form);">
<input type="button" name="btn" value="C" onclick="chk(this.form);">
</form>
</body>
</html>
No.2
- 回答日時:
ごめんなさい、1をちょっと訂正させてください。
form.btn.value = chk.value;
を
chkfrm.btn.value = chk.value;
としてください。
(もとのままでも動作はするのですが。汎用的ではないので^^;)
No.1ベストアンサー
- 回答日時:
<html>
<head>
<SCRIPT language="JavaScript">
<!--
function chk(chk){
var chkfrm = chk.form;
var tmp = chkfrm.word.value.length;
if(tmp > 50 ){
alert("文字数が多すぎます");
}
else{
form.btn.value = chk.value;
chkfrm.submit();
}
}
//-->
</SCRIPT>
</head>
<body>
<form name="form" method="get" action="sub.htm">
<input name="word" type="text" id="word">
<input type="button" value="A" onclick="chk(this);">
<input type="button" value="B" onclick="chk(this);">
<input type="button" value="C" onclick="chk(this);">
<input type="hidden" name="btn"/>
</form>
</body>
</html>
こんな感じでどうでしょう?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
C言語クイックソートの比較総回...
-
javascriptでhiddenに二次元配...
-
VB.NET DateTimeの型について
-
hiddenのvalueの値を変えたい
-
テキストエリア内容からチェッ...
-
JavaScriptでBMI計算
-
value内に変数を入れたい
-
Pythonで会員サイトの自動ログ...
-
switchを使って四則演算のプロ...
-
セレクトボックスの初期選択状...
-
クイズ作成:15個の問題から5個...
-
ラジオボタンとテキストを同時...
-
選択したラジオボタンに対応し...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
チェックボックスのON/OFFでVal...
-
<form action="#">の意味とは?
-
jQuery セレクトボックスで選択...
-
フォームが空欄の時にフォーム...
-
【jQuery】input nameの文字列...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
複数のsubmitボタンで押された...
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
javascriptでhiddenに二次元配...
-
テキストボックスに入力された...
-
eval()を使わずに数値を取得し...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
sessionStorageを調べています。
-
setIntervalの間隔を途中で変更...
-
javascriptにてHTMLのhiddenエ...
-
name属性が同じフォームが複数...
-
セレクトボックスの初期選択状...
-
Pythonで会員サイトの自動ログ...
-
演算対象の数字と演算子を入力...
-
商品コードを入れたら自動で商...
-
フォームで入力した値を別のフ...
-
ラジオボタンの選択で解答・点...
おすすめ情報