Validate Input

I'm wanting to validate a required input by checking if:

1. There is a value
2. The value matches the pattern

I have tried this:

Code:

---

if($(this).val() === "" || ($(this).prop('pattern') !== "" && $(this).val().match($(this).prop('pattern'))))

---

And it returns True if the value is not an empty string but it also returns True regardless of if the pattern is a match or not. Any idea on how to do this?

For what it's worth, here is the fiddle that I've been working on: http://codepen.io/anon/pen/XdbaBG
I'm making a step-by-step form.

Any reason why you're not using the form-validation attributes "required" and "pattern"? Alternatively, if that's not enough you could use the jQuery Validation plugin? This plugin also supports regex validation similar to the HTML5 forms pattern attribute.

Shouldnt it be != not !== ?
Possibly when you dont have anything its returning null. but this might change to 'null' which isnt equal "".
Not sure if the match would then return true ...?

Code:

---

  var pattern= new RegExp("pattern");
  if(($(#id).val()) && $(#id).val().match(pattern)){
    alert("True");
  }

---