防止進入文本框

Question

如果在文本框中存在'字符（撇號），那麼有人能夠幫助我處理一些表單提交時會發出警告的JavaScript代碼嗎？

謝謝。

Answer 1

將keyUp事件偵聽器添加到文本框。檢查按下的鍵的keyCode。如果它匹配'的keyCode，則提醒用戶。之後，用空白替換'。

document.getElementById('input').addEventListener('keyup', function(e){ 
 
    if(e.keyCode === 222){ // check if the key pressed is ' 
 
    alert('No Single Quotes Please!'); 
 
    this.value = this.value.replace("'", ""); // replace ' with a blank 
 
    } 
 
}, false);

<input type="text" id="input" />

電文讀出這些：

• .addEventListener | MDN
• event.keyCode | MDN
• .replace() | MDN

Answer 2

您可以使用String.prototype.indexOf檢查撇號的存在：

var str = "That's awesome"; 
if(str.indexOf("'") !== -1) { 
    alert("no apostrophe's allowed"); 
} 

這樣過表單提交是另外一個問題。