亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將 HTML 輸入限制為特定字符類型

將 HTML 輸入限制為特定字符類型

月關寶盒 2023-07-14 15:11:07
我有一個輸入,我想將輸入限制為僅字母(AZ 或 az)。僅使用HTML輸入元素中的屬性,是否可以限制實際輸入?以下是更多詳細信息:<!-- Code snippet I have now --><input type="text" pattern="[A-Za-z]">使用該pattern屬性,只會讓用戶知道他們是否未滿足模式標準,對吧?它實際上不會阻止他們輸入 5 嗎?僅使用 HTML 是否可以阻止用戶輸入數字(或者更具體地說,只允許他們輸入 az)?如果不可能,您將如何使用 JavaScript 來做到這一點?我看到他們在某個地方有一個onkeypress="someFunction()",他們檢查輸入字符是否是數字,如果是數字,那么他們會以某種方式阻止它......這是做這種事情的最好方法嗎?HTML:<!-- Something like that? --><input type="text" onkeypress="someFunction()">JavaScript:function someFunction() {    if (event.key < "A" || event.key > "z") {        // what would I do here?    }}
查看完整描述

4 回答

?
瀟瀟雨雨

TA貢獻1833條經驗 獲得超4個贊

function onlyAlphabet(inputVal) {

  var patt=/^[a-zA-Z]+$/;

  if (patt.test(inputVal)) {

    document.getElementById('text').value = inputVal;

  } else {

    var txt = inputVal.slice(0, -1);

    document.getElementById('text').value = txt;

  }


}

<input id="text" type="text" oninput="onlyAlphabet(value)">


查看完整回答
反對 回復 2023-07-14
?
臨摹微笑

TA貢獻1982條經驗 獲得超2個贊

另一種方法是使用 keydown 事件(不推薦使用 keypress)。


function inputPattern(e) {

  var test = e.key.search(/[a-zA-Z]/);

  if(test < 0) e.preventDefault();

}

<input type="text" onkeydown='inputPattern(event)'>


查看完整回答
反對 回復 2023-07-14
?
泛舟湖上清波郎朗

TA貢獻1818條經驗 獲得超3個贊

另一種方法是使用 keydown 事件(不推薦使用 keypress)。


function inputPattern(e) {

  var test = e.key.search(/[a-zA-Z]/);

  if(test < 0) e.preventDefault();

}

<input type="text" onkeydown='inputPattern(event)'>


查看完整回答
反對 回復 2023-07-14
?
千巷貓影

TA貢獻1829條經驗 獲得超7個贊

我不知道如何檢查是否按下了某個鍵,但如果它只是一個輸入,那么您可以這樣做嗎?

<input type="text" pattern="[A-Za-z]" onkeypress="someFunction()">


查看完整回答
反對 回復 2023-07-14
  • 4 回答
  • 0 關注
  • 189 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號