不再允許從右到左的文字輸入的方法

Question

如何在輸入框中防止或至少檢測從右到左的文字輸入（如阿拉伯語或希伯來語）？

Answer 1

您可以嘗試使用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標籤。