In this article I will explain with an example, how to check if TextBox contains Special Characters in JavaScript.
This article will illustrate how to use Regular Expression which allows Alphabets and Numbers (AlphaNumeric) characters with Space to check whether the value entered in the TextBox contains Special Characters or not.
HTML Markup
The following HTML Markup consists of an HTML TextBox and a Button.
Name: <input type="text" id="txtName"/>
<br/>
<br/>
<input type="button" value="Submit" onclick="Validate()"/>
Check if TextBox contains Special Characters in JavaScript
When the Button is clicked, the Validate JavaScript function is called. Inside the Validate JavaScript function, the value of the TextBox is tested against the Regular Expression Alphabets and Numbers (AlphaNumeric) characters with Space.
Thus if the String i.e. the TextBox value consists of any character other than Alphabets, Numbers or Space then it will be considered invalid and the result will be displayed in JavaScript Alert Message Box.
<script type="text/javascript">
function Validate() {
//Regex for Valid Characters i.e. Alphabets, Numbers and Space.
var regex = /^[A-Za-z0-9 ]+$/
//Validate TextBox value against the Regex.
var isValid = regex.test(document.getElementById("txtName").value);
if (!isValid) {
alert("Contains Special Characters.");
} else {
alert("Does not contain Special Characters.");
}
return isValid;
}
</script>
Screenshot
![Check if TextBox contains Special Characters in JavaScript]()
Browser Compatibility
The above code has been tested in the following browsers.
![Internet Explorer]()
![FireFox]()
![Chrome]()
![Safari]()
![Opera]()
* All browser logos displayed above are property of their respective owners.
Demo
Downloads
