Regex Input Validation

Introduction

Welcome to Regex Validation, Flags, and Text Processing in JavaScript! You've completed two comprehensive courses on regular expressions, and that's a significant achievement. In the first course, you learned to build patterns from the ground up: literals, quantifiers, character classes, anchors, and grouping. In the second, you mastered capture groups to extract structured data and transform text with string replacement methods. These skills gave you powerful tools for finding and manipulating information in text, and you should be proud of how far you've come. Now we're taking a different direction. Instead of extracting data from larger text, we'll focus on validating entire inputs against strict requirements. Think about user registration forms: a username must start with a letter, contain only certain characters, and fall within a length range. A password needs sufficient strength requirements. These scenarios demand that we verify whether an entire string meets specific rules, not just whether it contains a matching pattern somewhere inside. This course will teach you to build robust validators, control regex behavior with flags, create sophisticated conditional patterns, and process large documents efficiently. Let's begin with the foundation: full-string validation.

From Pattern Matching to Input Validation

Throughout your previous work with regular expressions, you've focused on searching: finding patterns within larger text, extracting specific pieces, and transforming what you found. Methods like .match() and .test() excel at these tasks because they look for matches anywhere in the string. If you search for a phone number pattern, it doesn't matter whether that pattern appears at the beginning, middle, or end of a paragraph; the method finds it. Validation presents a fundamentally different challenge. When a user submits a username or password, you don't just want to know if part of their input matches your requirements. You need to verify that the entire input matches your pattern, with nothing extra before or after. Consider a username requirement: "must start with a letter and be 4 to 16 characters long." If someone submits "John_Doe_is_valid_but_way_too_long," you can't accept it just because the first 16 characters follow the rules. The entire string must conform to your specifications, and that requires a different approach than pattern searching. This lesson will show you how to enforce complete input validation using patterns designed to match only when the whole string follows your rules.

Join the 1M+ learners on CodeSignal

Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal

Putting It All Together

Here's our complete validation code with all the test cases:

JavaScript

function validateUsername(u) {
  // Start with letter; allow letters/digits/underscore; length 4-16
  const regex = /^[A-Za-z][A-Za-z0-9_]{3,15}$/;
  return regex.test(u);
}

function validatePassword(p) {
  // Require alphanumeric characters and underscores; minimum length 8
  const regex = /^[A-Za-z0-9_]{8,}$/;
  return regex.test(p);
}

console.log(validateUsername("John_Doe"));
console.log(validateUsername("1john"));
console.log(validateUsername("A_b"));
console.log(validatePassword("StrongP4ss"));
console.log(validatePassword("NoDigitsHere"));
console.log(validatePassword("short7A"));

function validateUsername(u) {
  // Start with letter; allow letters/digits/underscore; length 4-16
  const regex = /^[A-Za-z][A-Za-z0-9_]{3,15}$/;
  return regex.test(u);
}

function validatePassword(p) {
  // Require alphanumeric characters and underscores; minimum length 8
  const regex = /^[A-Za-z0-9_]{8,}$/;
  return regex.test(p);
}

console.log(validateUsername("John_Doe"));
console.log(validateUsername("1john"));
console.log(validateUsername("A_b"));
console.log(validatePassword("StrongP4ss"));
console.log(validatePassword("NoDigitsHere"));
console.log(validatePassword("short7A"));

These two validators demonstrate the key principles of input validation with regular expressions. Both functions use anchored patterns (^ and $) to ensure the entire input conforms to the pattern, not just a portion of it. Both return clean boolean values through the .test() method, making them easy to use in conditional statements. The username validator enforces more restrictions: it requires a letter at the start and limits the total length, reflecting typical username requirements. The password validator is more flexible about what's allowed but enforces a minimum length for security.

text

true
false
false
true
true
false

true
false
false
true
true
false

The output confirms that our validators correctly accept good inputs and reject bad ones. "John_Doe" is a valid username, but "1john" and "A_b" fail for starting with a digit and being too short, respectively. "StrongP4ss" and "NoDigitsHere" both pass password validation by meeting the length and character requirements, while "short7A" fails for being too short. These validators are ready for real-world use: you could integrate them into user registration forms, API input validation, or any system that needs to enforce specific format requirements on text input.

Introduction

From Pattern Matching to Input Validation

Join the 1M+ learners on CodeSignal

Understanding Full-String Matching

Anchoring Patterns for Complete Validation

Validating Usernames with Specific Rules

Testing Username Validation

Building Password Strength Requirements

Testing Password Validation

Putting It All Together

Conclusion and Next Steps