画像のように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回目以降でこのイベントを発生できるかを教えてください。
サンプルコードでいいのでよろしくお願いします。
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ランキング
-
javascriptで入力禁止文字をチ...
-
onClickとsubmitの処理順序
-
JSPとJavaScriptの連携について...
-
Selectボックスの幅を自動で広...
-
javascript作成してます。ラジ...
-
Pythonで会員サイトの自動ログ...
-
現在時刻を取得してフォームのs...
-
特定<table>内の<td>の色を変える
-
hiddenのvalueの値を変えたい
-
ラジオボタンにタブインデック...
-
jspでのArrayListの値の表示
-
return trueとreturn falseの用...
-
【UWSC】HTML内のある部分を抽...
-
クリックさせたいが、click()が...
-
正規表現で複数マッチ条件で悩...
-
onchangeイベントを強制的に発...
-
数値の掛け算の不具合について
-
全てのselect要素をデフォルト...
-
文字数を数える際に空白、改行...
-
追加ボタンを押した際に ok ボ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
テキストボックス入力を半角英...
-
PDFフォームで条件つき金額を表...
-
フォームの値が0だったら空白...
-
javascriptで入力フォームが空...
-
条件により、リンク先に画面遷...
-
フォームから入力すると、入力...
-
日付入力欄の表示形式を自動的...
-
VBScriptで未入力のチェック(...
-
submit後、同じ入力欄に戻らせ...
-
Javascriptが機能せず原因が分...
-
JSPとJavaScriptの連携について...
-
テキストフィールドに入力した...
-
最初の入力を判断
-
イベント発生時に入力待ち状態...
-
過去日付、年の切り替え
-
カレンダーをテキストエリアに...
-
javascriptで入力禁止文字をチ...
-
手書き入力モードを利用して、...
-
入力モード 自動 切り替え
おすすめ情報