![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
画像のように2回同じように打つとアラートを出すようなプログラミングを作ろうとしてます。
let Exist = new Array();
while(true){
let msg = "";
let inp = inputs;
console.log(inp)
if(Exist[inp]){
msg = inp+"は既に存在します";
}else{
msg = inp+"は存在しないのでExistに登録します";
Exist[inp] = true; // false; //
}
alert(msg);
}
inputsにテキストの要素を入れています。2回同じことを打つと
if(Exist[inp]){
msg = inp+"は既に存在します";
}
のイベントを起こしたいのですが今のままだと1回目で
if(Exist[inp]){
msg = inp+"は既に存在します";
}
のイベントが起きてしまいます。
どうすれば2回目以降でこのイベントを発生できるかを教えてください。
サンプルコードでいいのでよろしくお願いします。
![「Javascriptで同じ数字を2回打つ」の質問画像](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/4/543058138_617f98b6420b0/M.jpg)
No.4
- 回答日時:
No2です。
No3さん、ご指摘ありがとうございます。
修正しました。
こんな感じだとうまくいくでしょうか。
<input type="text" name="inputs" value="" /><br />
<input type="text" name="inputs" value="" /><br />
<input type="text" name="inputs" value="" /><br />
<input type="text" name="inputs" value="" /><br />
<input type="text" name="inputs" value="" />
<script>
const Inputs = document.getElementsByName('inputs');
const Exist = new Array(Inputs.length).fill(null);
Inputs.forEach((ipt,idx)=>{
ipt.addEventListener('keyup',()=>{
let checkChange = (Exist[idx] !== ipt.value);
let checkIndex = (Exist.indexOf(ipt.value) >= 0);
if(checkChange && checkIndex){
alert(ipt.value + 'はすでに存在します');
}
Exist[idx] = (ipt.value === '')? null : ipt.value;
},false);
});
</script>
No.2
- 回答日時:
こんなイメージでしょうか。
<input type="text" name="inputs" value="" /><br />
<input type="text" name="inputs" value="" /><br />
<input type="text" name="inputs" value="" /><br />
<input type="text" name="inputs" value="" /><br />
<input type="text" name="inputs" value="" />
<script>
const Inputs = document.getElementsByName('inputs');
const Exist = new Array(Inputs.length).fill(null);
Inputs.forEach((ipt,idx)=>{
ipt.addEventListener('keyup',()=>{
if(Exist.indexOf(ipt.value) >= 0){
alert(ipt.value + 'はすでに存在します');
}
Exist[idx] = ipt.value;
},false);
});
</script>
No.1
- 回答日時:
HTMLのtextariaを使用し、その入力エリアに対する以下のイベントのいずれかを使用すれば・・・と思います。
oninput
onkeyup
で、そのイベントで呼び出されるJavascript関数では・・・
(1) 入力されたのが数字かチェックし数字でない場合はエラー
(2) 数字の場合は直前で入力された数字と同じかチェックし同じ場合はエラー
(3) 上記でない場合は入力された数字を次回チェック用の変数に代入
・・・ということを行えばよいのではないでしょうか?
参考まで。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- Visual Basic(VBA) EXCEL VBAにて動的にCheckBOXを複数作成し、同BOXにイベントを追加したい 1 2023/03/16 07:05
- JavaScript ソースコードは下の共有コードサイト「張り紙」にあります。 入力フォームの javascript で 1 2022/05/11 11:01
- PHP php ログイン 1 2022/11/01 00:24
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- 英語 北海道大学の問題です。 Lose your memory and you, as you, ceas 3 2023/05/04 21:55
- Excel(エクセル) エクセルVBA Msgboxでの変数の活用 4 2023/07/23 08:33
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
条件により、リンク先に画面遷...
-
onClickとsubmitの処理順序
-
フォームから入力すると、入力...
-
数字の1文字目を消したい
-
JavaScriptのアレンジがしたいです
-
JSPとJavaScriptの連携について...
-
vbsでフォームに値を入力できない
-
ダイアログの出し方について
-
return trueとreturn falseの用...
-
value内に変数を入れたい
-
プルダウン 項目が多いので先頭...
-
【jQuery】input nameの文字列...
-
フォームが空欄の時にフォーム...
-
tableの任意行にfocusをあてる
-
select要素のvalueを配列で取得...
-
同じ名前のセレクトがある場合...
-
onClick="this.form.submit
-
onclickで2個指定するには?
-
ボタンを押すとテキストボック...
-
onchangeイベントを強制的に発...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
JSPとJavaScriptの連携について...
-
ラジオボタンによるフォームの...
-
テキストボックス入力を半角英...
-
onChange()メソッド
-
フォームから入力すると、入力...
-
テキストボックスを無効にする...
-
フォームの値が0だったら空白...
-
文末の改行コードを削除したい
-
キーボードの数字のキーだけを...
-
テキストボックスのグレーアウト
-
javaでフォーム入力の確認と文...
-
フィールドを有効(enabled?)に...
-
JavaScript のプログラム質問で...
-
Javascript 郵便番号の入力欄で...
-
イベント発生時に入力待ち状態...
-
フォームのテキストをリンク化...
-
貼り付けイベントで値を取得したい
-
メールフォームの入力確認用Jav...
-
dijit.form.ComboBoxについて
おすすめ情報