kohhi回答ポイント 300pt

HTML5を前提に、javascriptの入力チェックの部分がわかりません。

やりたいこと：
http://1811way.com/work008/test01.php
を見てください。

3番目のコメントはKJXという文字でなければ、
「入力文字が違っています。」
というメッセージを出して、
再度フォーカスがコメント欄へ行くようにしたい。

現在の問題
1度目の入力で、”KJX”という文字（正解の文字）を入力したときは
何も問題ありません。

1度目に
、例えば”KJJ”というように間違った文字を入力したときは、
「入力文字が違っています。」のメッセージが出るまではいいのですが、
再度正しい”KJX”を入力しても、
「入力文字が違っています。」のメッセージが出てきてしまいます。
（「最新の情報に更新」してすべて3項目入力しなおせば、入力できます）

ソースを
http://1811way.com/work008/test01.txt
（文字化けしていたらエンコードしてください）
でアップしておきました。
間違った文字列部分だけ入力しなおす-＞「確認して送信」
ボタンをクリックすると送信できるように、コード書いていただけますか。

よろしくお願いします。

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ログインして回答する

ベストアンサー

ぽけっとしすてむ2015/02/22 22:27:04
満足300pt
```
<script>
function check(input) {
if (input.value !== "KJX") {
    input.setCustomValidity('入力文字が違っています。');
  }else{
    input.setCustomValidity('');
  }
}
</script>
```
二行追加しました。
エラーメッセージをリセットすると、メッセージが表示されなくなり、データを送信できるようになります。
制約 - フォーム - HTML要素 - HTML5 タグリファレンス - HTML5.JP
スター
- 1件のコメントを見る
- kohhi 2015/02/23 11:21:25
  
  早速お返事いただきありがとうございました。できました。
  
  スター

HTML5を前提に、javascriptの入力チェックの部分がわかりません。

ベストアンサー

ぽけっとしすてむ2015/02/22 22:27:04
満足300pt

kohhi 2015/02/23 11:21:25

その他の回答

この質問へのコメント

この質問への反応（ブックマークコメント）

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版

HTML5を前提に、javascriptの入力チェックの部分がわかりません。

ベストアンサー

ぽけっとしすてむ2015/02/22 22:27:04 満足300pt

kohhi 2015/02/23 11:21:25

その他の回答

この質問へのコメント

この質問への反応（ブックマークコメント）

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版

ぽけっとしすてむ2015/02/22 22:27:04
満足300pt