不再允許從右到左的文字輸入的方法
P粉021854777
P粉021854777 2023-08-15 20:00:01
0
1
523
<p>如何在輸入框中防止或至少檢測從右到左的文字輸入(如阿拉伯語或希伯來語)? </p>
P粉021854777
P粉021854777

全部回覆(1)
P粉541796322

您可以嘗試使用input標籤的dir屬性來指定文字方向。

<input type="text" dir="ltr" placeholder="在此输入...">

如果這不能解決您的問題,您可以使用下面的javascript互動檢查片段來實現。

<input type="text" id="textInput" placeholder="在此输入...">
<div id="result"></div>

<script>
const inputElement = document.getElementById('textInput');
const resultElement = document.getElementById('result');

inputElement.addEventListener('input', function() {
  const text = inputElement.value;
  const rtlRegex = /[\u0600-\u06FF\u0750-\u077F\u0590-\u05FF]/;

  if (rtlRegex.test(text)) {
    resultElement.textContent = '检测到从右到左的文本。';
  } else {
    resultElement.textContent = '未检测到从右到左的文本。';
  }
});
</script>

也要檢查是否有其他CSS規則影響了您的input標籤。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板