Regex: Email validation.

by Faisal Pathan

HTML

<label for="email" id="email">Hey!</label>
<input id="email" name="email" type="email" class="required" /> 
<span class="msg error">You shall not pass!</span>
<span class="msg success">You can pass!</span>

CSS

.msg {
    display: none;
}
.error {
    color: red;
}
.success {
    color: green;
}

JavaScript

var regex  = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!_%*?&])[A-Za-z\d@$!_%*?&]{6,10}$/;

component.input.blur(function () {
   
    regex.test(component.input.val()) ? component.mensage.success.show() : component.mensage.error.show();
});