防止用戶離開輸入字段

Question

我正在嘗試在前端（IE11）上進行輸入字段驗證。

輸入驗證失敗時，用戶不應離開輸入字段。 他也不能激活頁面上的其他控件。

我嘗試通過使用重新獲得焦點

element.onblur = (event) => { 
$(id).focus();
}

並通過使用來阻止任何點擊

window.onclick = (event) => {
event.preventDefault();
window.event.cancelBubble = true;
window.event.returnValue = false;
}

但是頁面上仍有激活的控件（如“選項卡”和“選擇框”）。

關於如何將用戶限制為特定輸入字段的任何想法？

Answer 1

您可以使用setInterval()方法。 做這個：

 var test = false; var myTimer = setInterval( function() { if ( $( '.hello' ).val() == 'hello' ) { test = true; clearInterval( myTimer ) } else { test = false; $( '.hello' ).focus() } }, 1 ) window.onclick = function( e ) { if ( !test && !e.target.matches( '.hello' ) ) e.preventDefault() } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p> <a href="https://stackoverflow.com">This is a Link</a> <input type="checkbox" id="chk"> <label for="chk">This is a Checkbox</label> </p> <p>Only valid content is: <b>hello</b><br><input type="text" class="hello"></p>