In this article, we will explore one effective method to ensure that users submit only English text when interacting with your web application.

Allow only English characters Using Regular Expressions

To achieve this, you can employ regular expressions in JavaScript. Regular expressions provide a powerful way to validate and manipulate text.

In our case, we can use a regular expression pattern to validate that the text entered by the user is in English.

<input type="text" id="textInput" placeholder="Enter English text">
<button onclick="validateText()">Submit</button>
<p id="result"></p>
<script>
 function validateText() {
    const textInput = document.getElementById("textInput").value;
    const englishPattern = /^[A-Za-z\s]*$/;
    if (englishPattern.test(textInput)) {
        document.getElementById("result").innerHTML = "Valid English Text!";
    } else {
        document.getElementById("result").innerHTML = "Please enter English text only.";
     }
  }
</script>
  1. We use a regular expression pattern (^[A-Za-z\s]$) that allows only English letters (both uppercase and lowercase) and spaces
  2. If the input matches this pattern, we consider it valid English text; otherwise, we display an error message.