No.4ベストアンサー
- 回答日時:
項目を移動するとき{TAB}キーは、スクリプトを書かないと有効じゃないんですか?
==>
それは、HTMLの記述(tabindex属性)だけでいけます。
<input type="text" tabindex="1">
<input type="text" tabindex="2">
みたいに
超初心者にはエラーのチェック方法もわかりません。
==>
エラーチェックというより、妥当なものかどうかを判定するのですが、
奥が深いです。javascriptでもやってもいんちきされる事があるので
サーバー側でも同じことやる必要がありますが。
名前等パターンの無いものは空白かどうか、長すぎないかどうかをチェックするぐらい。
メルアドとか日付、時間、電話番号、郵便番号みたいな文字列にパターンの
あるものは、正規表現というのを使って、パターンにマッチしてるかどうか
チェックします。(詳しくは自分で調べましょう)
住所の妥当性チェックや正規化は超超困難です。
普通は、県・市・番地・屋号 を別の項目にしちゃいます。
あと、全角・半角のチェックとか、英大文字・小文字のチェックとか
必用に応じて、これもたいていは、正規表現でチェックします。
変なスクリプトコードとかHTMLタグが埋め込まれないかは、サーバー側で
やります。サーバー側で容易にエスケープできます。
No.3
- 回答日時:
老婆心
ホームページにさらす事になる管理者のメールアドレスは、決して
大切な本当のアドレスにしないようにしましょう。捨ててもいい
メルアドを取得してそれを使うほうがよいでしょう。
No.2
- 回答日時:
No.1補足
formのaction="mailto:~"を使う時、formにenctype属性を付けると
文字化けしないという”うわさ”があります。
<form action="mailto:hogehoge@fuga.net" method="post" enctype="text/plain charset="Shift_JIS">とか
<form action="mailto:hogehoge@fuga.net" method="post" enctype="multipart/form-data">
みたいに...ほんとかね
No.1
- 回答日時:
まじめに作りたいなら、サーバー側で動くプログラム(CGI/perl等、PHP、JAVA...)
のページを作って、HTMLからはフォームで入力した項目をそのページ宛てにPOSTで
サブミットし、サーバー側でバリデーションチェック(変な値が入ってないかの検査)
してOKなら、SMTPで管理者にsendmailし、ダウンロードページを出力すると、いった
流れになります。
初心者がお遊びで練習するなら、
formのaction="mailto:~"を使ってクライアントのメーラーから送信させて
みては、javascriptと組み合わせて超簡単(=ほとんど手抜き)な見本を書くと
<body>
<form action="mailto:管理者のメールアドレス" method="post">
<input type="hidden" name="subject" value="ダウンロードメール"></p>
<p>名前:<input type="text" name="namae"></p>
<p>メルアド:<input type="text" name="email"></p>
<p>備考<br><textarea name="other" rows="10" cols="40"></textarea></p>
<p><input type="button" value="送信" onclick="send(this.form);">
</form>
<script type="text/javascript">
<!--
function send(form){
if(form.name!="" && form.email!=""){
form.submit();
location.href="about:blank";
}else{alert("入力項目に不倫があります");}
}
// -->
</script>
// -->
</script>
</body>
この回答への補足
ありがとうございます。たしかにメアドを直接開示は方法を変えますが、超初心者にはエラーのチェック方法もわかりません。
また、項目を移動するとき{TAB}キーは、スクリプトを書かないと有効じゃないんですか?
ほんとに 何から何まで すみません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) Accessで予定表を作成しようとしてます。 テーブル フィールド名 連番 オートナンバー型 年月日 2 2023/07/23 11:40
- その他(メールソフト・メールサービス) 大阪市プレミアム付き商品券のweb申し込みで楽天モバイルのEメールだと返信メールが届かない 2 2022/09/19 17:08
- Visual Basic(VBA) Excel VBAのリストボックスの値を他のフォームに反映させる方法を教えてください。 2 2023/07/14 14:06
- その他(スマホアプリ・スマホゲーム) アプリをスマホにダウンロード、インストールする方法 3 2022/08/13 11:26
- Excel(エクセル) 列を自動で追加したい 3 2022/07/11 12:58
- その他(プログラミング・Web制作) 入力フォームへ、データを自動的に入力するプログラム。どうやって作る? 4 2023/01/16 10:24
- その他(メールソフト・メールサービス) Windows10付属のメール、なぜ設定が劇的に簡単になったのか? 1 2022/12/16 13:14
- その他(IT・Webサービス) クレカの認証ワンタイムパスワードが送られてこない 1 2022/10/18 20:29
- その他(家計・生活費) 無料診断? 4 2022/05/07 17:16
- その他(教育・科学・学問) 新卒です。 1つ応募したい企業があって履歴書などを提出するのですが、「下記3点のフォーマットをダウン 3 2023/02/26 14:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のフォームを一括で自動送...
-
1つのページにformを2つ設置。2...
-
formのsubmitイベントの発生に...
-
javascriptでASPにデータを渡す
-
フォーム名を付けないでsubmit...
-
1つのformで複数のactionをボタ...
-
Cookieに保存されない
-
別ウィンドウへのsubmitの挙動...
-
iframe内のformをサブミットす...
-
【FORM】 リンク文字で submit...
-
Chromeで複数submit
-
Javascriptでlocation.hrefが妙...
-
JavaScript動作仕様の変更!?
-
Google reCAPTCHAについて
-
添付ファイルの未選択チェック方法
-
inputのvalueを変数として使うには
-
submitボタン押下後、disabled...
-
Chromeの document.getElementB...
-
フォームが空欄の時にフォーム...
-
リンク先アドレスの一部にテキ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでASPにデータを渡す
-
submitした値を返したい
-
iframe内のformをサブミットす...
-
フォームが空欄の時にフォーム...
-
1つのページにformを2つ設置。2...
-
focus()が上手くいかない
-
別ウィンドウへのsubmitの挙動...
-
POST時に要素を削除してからPOST
-
1つのformで複数のactionをボタ...
-
formのsubmitイベントの発生に...
-
FormのonsubmitでJavaスクリプ...
-
複数のフォームを一括で自動送...
-
submitボタン押下後、disabled...
-
タブキーでなくエンターキーで...
-
Chromeの document.getElementB...
-
指定したタグを書き換えるには?
-
JavascriptからSubmitして画面...
-
ファイル選択と同時にアップロ...
-
1つのform内に2つのsubmitボタ...
-
添付ファイルの未選択チェック方法
おすすめ情報