入力フォームアラート設定について、教えて下さい。
やりたい事。
1.入力項目の値が空白の場合は【「電話番号」を入力してください】を表示。
2.入力項目の値が電話番号の形式でない場合は、【「電話番号」を[xxxx-xxxx-xxxx]形式で入力してください。】を表示。
3.電話番号形式でも13桁以上の場合は、【「電話番号」は「-」を含む半角12~13桁です。】を表示
とアラートを表示させる設定を行っているのですが、下記、内容をどのような形に変更すればいいかがわからず困っております。
どなたかご回答いただけませんでしょうか?
javascript初心者なもので細かい書き方がわかりません。
----javascript--------------------------------
<script language="JavaScript" type="text/javascript">
function CheckForm(theform)
{
var FormOK = false;
if (theform.tel.value =="") {
FieldControl(theform.To, "「電話番号」を入力してください。");
}else if (theform.tel.value =="") {
FieldControl(theform.To, "「電話番号」を[xxxx-xxxx-xxxx]形式で入力してください。");
}else if (theform.tel.value == "") {
FieldControl(theform.To, "「電話番号」は「-」を含む半角12~13桁です。");
}else{
FormOK = true;
}
return FormOK;
}
function FieldControl(element, message)
{
alert(message);
}
</script>
-------HTML-----------------
<form action="" method="post" name="theform" onsubmit="return CheckForm(this);">
<p>電話番号:<input size="13" name="tel"></p>
<input value="確認画面へ" name="submit" type="submit">
</form>
宜しくお願い致します。
No.3ベストアンサー
- 回答日時:
ここで聞いていないで、ご自分で調べればいくらでもヒットしますよ。
(正しいかどうかは別として)
参考までに以下に。(必ずしもjavascriptではありませんのでご注意)
<電話番号>
http://ameblo.jp/shigeo/entry-10021105436.html
http://lightmaterial.blogspot.com/2007/10/blog-p …
http://blog.livedoor.jp/nipotan/archives/5063479 …
<メアド>
http://d.hatena.ne.jp/toku-hiro/20070202
http://fetus.k-hsu.net/document/webmaster/diary2 …
http://www.tt.rim.or.jp/~canada/comp/cgi/tech/ma …
両方とも、最後のものはかなりすごいです。
No.2
- 回答日時:
では、調べて実際にやってみたうえで分からないところがあれば質問してください。
この回答への補足
いろいろ検索しまして、たくさんのサンプルページがありましたが、やはりjavascript初心者なもので、下記内容に対しての変更ができません!!!
もし宜しければ教えていただけますでしょうか?
<script language="JavaScript" type="text/javascript">
function CheckForm(theform)
{
var FormOK = false;
if (theform.tel.value =="") {
FieldControl(theform.To, "「電話番号」を入力してください。");
}else if (theform.tel.value =="") {
FieldControl(theform.To, "「電話番号」を[xxxx-xxxx-xxxx]形式で入力してください。");
}else if (theform.tel.value == "") {
FieldControl(theform.To, "「電話番号」は「-」を含む半角12~13桁です。");
}else{
宜しくお願い致します。
No.1
- 回答日時:
>1.入力項目の値が空白の場合は【「電話番号」を入力してください】を表示。
>2.入力項目の値が電話番号の形式でない場合は、【「電話番号」を[xxxx-xxxx-xxxx]形式で入力してください。】を表示。
>3.電話番号形式でも13桁以上の場合は、【「電話番号」は「-」を含む半角12~13桁です。】を表示
実現できていないのは1~3すべてでしょうか?(どの程度理解できているのかの確認のために聞きます)
2→正規表現で数字4文字ハイフン数字4文字ハイフン数字4文字の形式でチェックすればよいでしょう。
3→チェックしたい項目のlengthでチェックしてください。
参考サイト
http://www.tohoho-web.com/js/index.htm
この回答への補足
早速の回答ありがとうございます。
>2→正規表現で数字4文字ハイフン数字4文字ハイフン数字4文字の形式でチェックすればよいでしょう。
⇒こちらは[0-9]+\-[0-9]+\-[0-9]みたいにチェックさせたいです。
>3→チェックしたい項目のlengthでチェックしてください。
⇒こちらについては調べますが、もしよろしければ教えて頂けないでしょうか?
宜しくお願い致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onClickとsubmitの処理順序
-
javascriptで入力禁止文字をチ...
-
イベント発生時に入力待ち状態...
-
数字以外の文字列判定方法
-
テキストエリア入力文字数の表...
-
日付入力欄の表示形式を自動的...
-
条件により、リンク先に画面遷...
-
数字の1文字目を消したい
-
JSPとJavaScriptの連携について...
-
return trueとreturn falseの用...
-
hiddenのvalueの値を変えたい
-
プルダウン 項目が多いので先頭...
-
【jQuery】input nameの文字列...
-
value内に変数を入れたい
-
【jsp/Java】チェックボックス...
-
onchangeイベントを強制的に発...
-
特定<table>内の<td>の色を変える
-
Selectボックスの幅を自動で広...
-
Javascriptでのbuttonのname属...
-
jspでのArrayListの値の表示
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
テキストボックス入力を半角英...
-
PDFフォームで条件つき金額を表...
-
フォームの値が0だったら空白...
-
javascriptで入力フォームが空...
-
条件により、リンク先に画面遷...
-
フォームから入力すると、入力...
-
日付入力欄の表示形式を自動的...
-
VBScriptで未入力のチェック(...
-
submit後、同じ入力欄に戻らせ...
-
Javascriptが機能せず原因が分...
-
JSPとJavaScriptの連携について...
-
テキストフィールドに入力した...
-
最初の入力を判断
-
イベント発生時に入力待ち状態...
-
過去日付、年の切り替え
-
カレンダーをテキストエリアに...
-
javascriptで入力禁止文字をチ...
-
手書き入力モードを利用して、...
-
入力モード 自動 切り替え
おすすめ情報