時間制限付きの入力フォームを作りたい

Question

時間制限がくると再読み込みしないと入力できなくなる入力フォームを作りたいです。
setInterval関数に.style display:none;
を適用させればいいのでしょうか？ご回答よろしくお願いします。

var reminingTimeNum=10;
var textMessage=document.createElement("div");
var parent=textarea.parentElement;
parent.insertBefore(textMessage,textarea);
var timeMessage=document.createElement("div");
parent.insertBefore(timeMessage,null);
button.addEventListener("click",function(){
form.style.display="block";
var timerID=setInterval(function(){
timeMessage.innerHTML="";
reminingTimeNum--;
},1000);
});
var timerId=setInterval(function(){
timerMessage.innerHTML="";
if(reminingTimeNum<=0){
alert("制限時間終了、ページを再読み込みしてください。");
clearInterval(timerId);
}
reminingTimeNum--;
},1000);

Comments

[m.ts10806]

> 適用させればいいのでしょうか？
実際やってみてください。（あとコードのインデントが全くないので読みづらいのと不具合の温床となりえますので整理してください）

[miyabi-sun]

デベロッパーツールでスタイルを解除すればいくらでも不正出来ますが対策する必要はありますか？

[librashogi]

アドバイスありがとうございます。

Answer 1

入力欄のreadonlyやdisabledをtrueにすればいいのでは？