ソースコードは下の共有コードサイト「張り紙」にあります。
入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして、アラートを出したいです。 下記のコードはメールアドレスの入力フォームのコードで、入力欄が空の時にボタンをクリックすると、アラートによるエラー表示がでるようになっています。これを、このフォームをさらに、空白エラーの他に、
入力フォームの javascript で メールアドレスの正規チェックを行い、ボタンをクリックして、アラートを出したいです。どうコードを書いたら良いでしょうか?
ちなみにrequiedt等も試したのですが、アラートほど目だたなくて、断念しました。
以下のコードを追加したのですが、おかしくなります。
// javaでエラーメッセージの表示に以下を追加 const reg = /^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]{1,}.[A-Za-z0-9]{1,}$/; else if(!reg.test(email.value)){ msg +=("メールアドレスの形式が不正です。");
共有ソースコード
https://harigami.net/cd?hsh=8709eccd-312a-41fd-8 …
No.1ベストアンサー
- 回答日時:
こんにちは
なんだか妙な切り出し方のご質問文ですが・・・
>const reg = /^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]{1,}.[A-Za-z0-9]{1,}$/; else if(!reg.test(email.value)){ msg +=("メールアドレスの形式が不正です。");
想像するところ
if( ){
}
const reg = …;
else if( ){
}
となってるってことなのでしょうか?
もしそうなら文法的に意味をなしていません。
ですので、おかしくなるのも当然です。
const reg = …;
if( ){
} else if( ){
}
の順になるようにしてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- Visual Basic(VBA) ユーザーフォーム「frm_基本❶」を立ち上げると新規で入力する行数を右下のNoとして表示しています。 1 2023/03/16 19:02
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- その他(データベース) Accessフォームからパラメーターで表示したレコードを指定のExcelのセルへ転送する方法について 2 2022/08/22 18:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストフィールドに入力した...
-
フォームから入力すると、入力...
-
3つテキストボックスすべてが未...
-
数字以外の文字列判定方法
-
キーボードの数字のキーだけを...
-
URLの/以降だけを入力したいです。
-
onClickとsubmitの処理順序
-
Javascriptで必須項目とメール...
-
正規表現で複数マッチ条件で悩...
-
ボタン2回押しを無効にしたい
-
<form action="#">の意味とは?
-
<td>の中のonClick="location" で
-
JavaScriptにて動的に配列を作...
-
背景色を変えて未入力チェック...
-
【jsp/Java】チェックボックス...
-
javascriptで画像の移動
-
selectを変更不可にしたい
-
selectを使った計算
-
セレクトメニューで選択された...
-
JSのボタンを複数う使うには
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
テキストボックス入力を半角英...
-
PDFフォームで条件つき金額を表...
-
フォームの値が0だったら空白...
-
javascriptで入力フォームが空...
-
条件により、リンク先に画面遷...
-
フォームから入力すると、入力...
-
VBScriptで未入力のチェック(...
-
日付入力欄の表示形式を自動的...
-
Javascriptが機能せず原因が分...
-
submit後、同じ入力欄に戻らせ...
-
テキストフィールドに入力した...
-
JSPとJavaScriptの連携について...
-
最初の入力を判断
-
イベント発生時に入力待ち状態...
-
過去日付、年の切り替え
-
カレンダーをテキストエリアに...
-
入力した文字を大文字に変換し...
-
リンククリック → テキスト自...
-
javascriptで入力禁止文字をチ...
おすすめ情報