![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
今、フォームを作っているところなのですが、
各必須事項は入力されていないと戻るように設定していますが、同じ形でメールアドレスもチェックしたいのですが、その際にxxx@***.xxxという正規の形でないと引っ掛かるようにしたいのですが、どうすればよいでしょうか?お分かりの方、是非教えてください。
よろしくお願いします。
--------------------------------------------
現在のスクリプトは以下のような感じです。
これでは、大文字などでメールアドレスを入れられてもチェックを通してしまいますので。。
function check(){
if(document.FF.お名前_漢字.value == ""){
alert("お名前_漢字を入力してください");
document.FF.お名前_漢字.focus();
return(false);
}
if(document.FF.住所.value == ""){
alert("住所を入力してください");
document.FF.住所.focus();
return(false);
}
if(document.FF.email.value == ""){
alert("メールアドレスを入力してください");
document.FF.email.focus();
return(false);
}
return(true);
}
--------------------------------------------
そして送信ボタンを押すと、このスクリプトが働くように、
onSubmit="return check()"
を設定しています。
No.4ベストアンサー
- 回答日時:
#3です。
修正します。
(×)
document.FF.email.value.match(/^[0-9a-z_\-.]+@[0-9a-z_\-.]+$/)
(○)
!document.FF.email.value.match(/^[0-9a-z_\-.]+@[0-9a-z_\-.]+$/)
正否を逆にしてました。
失礼。
to_kyo様。
できました!!!ありがとうございます。
しっかり、正しい入力かをチェックして間違っていれば、その欄に戻る。というまさに私が求めていたことができました!!!
ありがとうございましたm(__)m
No.3
- 回答日時:
>半角で@マークが入って。
程度であれば
document.FF.email.value == ""
となってるのを
document.FF.email.value.match(/^[0-9a-z_\-.]+@[0-9a-z_\-.]+$/)
とすることで対応可能(?確認してませんので参考程度に。。)。
ドメイン部分ユーザ部分ともに半角アルファベットと半角数字と半角の「-_.」のみ入力可能にしてあります。
そのあたりのカスタマイズは
↓参考リンクで勉強してください。
参考URL:http://www.tohoho-web.com/js/regexp.htm
No.2
- 回答日時:
がると申します。
ちぃと蛇足ですが。「xxx@***.xxx」という形式からずれた「正しい」メールアドレスもありますので一応ご注意を。
もうちょっと具体的に書きますと。
@を境に、前のほうを「ユーザ部分」、後ろのほうを「ドメイン部分」と呼称しますが。
ドメイン部分は割合にかっちりとした規則があるです。
先頭は.で始まらないとか英数字と-が使えるとか.は二重には重ならないとか。
そのあたりを正規表現(Perl用)で書きますと
((([a-zA-Z0-9])|([a-zA-Z0-9])(([a-zA-Z0-9])|-)*([a-zA-Z0-9]))\.)*(
([a-zA-Z])|([a-zA-Z])(([a-zA-Z0-9])|-)*([a-zA-Z0-9]))\.?
とこんな感じになります。
# 比較的シンプルなほうです。一応。
問題はユーザ部分で。
案外しられていないのですが、ユーザ部分に@だのスペース(空白)打のという文字列が入るアドレスは(記述の仕方はあるのですが)「正しいアドレスである」と規定されています From RFC。
なので、メールアドレスのチェックをされるときはそのあたりで「どの辺までチェックするか」をきちんと意識されておくことを強くお勧めいたします。
ちなみに、「まじめに」チェックする場合のサンプルを参考URLに付記しておきます。
参考URL:http://www.din.or.jp/~ohzaki/perl.htm#Mail
がる様、ありがとうございます。正規アドレスと言っても難しいのですね。。とりあえず半角で@マークが入って。程度でもいいかもしれません。。
参考URLにも訪問してみましたが、perlでしたので勉強不足の私には設定方法などがいまいち理解できませんでした(._.) javascriptでうまく行く方法があればいいのですが。。。
No.1
- 回答日時:
正規表現ですね。
このサイトにサンプルがあります。
http://www.openspc2.org/reibun/javascript/regexp …
参考URL:http://www.openspc2.org/reibun/javascript/regexp …
回答ありがとうございます。
実は、こちらのサイトにもお伺いして試してみていたのですが、チェックはできるものの、他のチェック(私がすでに記入しているスクリプト)のように引っ掛かった場所まで画面が戻ってくれないのです。
何せ、私はjavascriptに関する基礎知識がなく、サンプルを切り貼りして使用させてもらっているもので、応用がきかなくて…
申し訳ありませんが、上記のスクリプトのように、正しく入力されていない場合はその欄まで画面が戻る。という風にできないでしょうか。。。
何か方法があれば、ご連絡いただけると嬉しいです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- FX・外国為替取引 mql4のコンパイルエラー箇所の修正お願いします。 1 2023/03/15 16:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
return trueとreturn falseの用...
-
JavaScriptde途中で、「exit」...
-
度胸試しのJavaScript
-
TreeGridViewへの入力カラム追加
-
分岐数といえば
-
プルダウン 項目が多いので先頭...
-
javascriptでhiddenに二次元配...
-
formのfileの値をhiddenでも持...
-
javascriptでクイズ
-
【UWSC】HTML内のある部分を抽...
-
javascriptでセレクトボックス...
-
特定<table>内の<td>の色を変える
-
追加ボタンを押した際に ok ボ...
-
innerHTML内では改行は禁止?
-
submitした値を返したい
-
ファイル選択ダイアログが表示...
-
1つのform内に2つのsubmitボタ...
-
value内に変数を入れたい
-
一覧から選択した行の行番号を...
-
Selectボックスの幅を自動で広...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
slickのレスポンシブ > center...
-
ラジオボタンのNullチェック
-
COBOLの数字チェック
-
未入力のラジオボタンに、alert...
-
JavaScriptde途中で、「exit」...
-
正規表現で複数マッチ条件で悩...
-
コピペを禁止するtextarea
-
ツリービューのチェックボック...
-
フォームの入力チェックをする...
-
度胸試しのJavaScript
-
Visual Studioのデザインでの非...
-
一度しか押せないボタンについて
-
onSubmit=の後ろは複数可能でし...
-
form の onSubmit がコールされ...
-
チェックボックスの有無判定
-
テキストボックスに数字しか入...
-
変数の値によってsubmit後の動...
-
ドラッグ&ドロップ禁止について
-
IE7のJavascriptで return fals...
おすすめ情報