HTML5を前提に､javascriptの入力ﾁｪｯｸの部分がわかりません｡

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

3番目のｺﾒﾝﾄはKJXという文字でなければ､
｢入力文字が違っています｡｣
というﾒｯｾｰｼﾞを出して､
再度ﾌｫｰｶｽがｺﾒﾝﾄ欄へ行くようにしたい｡

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

1度目に
､例えば”KJJ”というように間違った文字を入力したときは､
｢入力文字が違っています｡｣のﾒｯｾｰｼﾞが出るまではいいのですが､
再度正しい”KJX”を入力しても､
｢入力文字が違っています｡｣のﾒｯｾｰｼﾞが出てきてしまいます｡
(｢最新の情報に更新｣してすべて3項目入力しなおせば､入力できます)

ｿｰｽを
http://1811way.com/work008/test01.txt
(文字化けしていたらｴﾝｺｰﾄﾞしてください)
でｱｯﾌﾟしておきました｡
間違った文字列部分だけ入力しなおす-＞｢確認して送信｣
ﾎﾞﾀﾝをｸﾘｯｸすると送信できるように､ｺｰﾄﾞ書いていただけますか｡

よろしくお願いします｡

<script>
function check(input) {
if (input.value !== "KJX") {
 input.setCustomValidity('入力文字が違っています｡');
 }else{
 input.setCustomValidity('');
 }
}
</script>

(C)株式会社はてな