Anglular-mdl reactive forms password validation

Question

I have a password field where I need a validation with following rules:

1. It should be alphanumeric

2. It should not allow only characters or numbers

     <p> <mdl-textfield label="Password" type="password" formControlName="password1" floating-label pattern="[a-zA-Z0-9]+$" error-msg="Please provide an alpha-numeric password" ></mdl-textfield> </p> 

How should I write my pattern?

Answer 1

One way to solve is using a pipe operator which validates to true if either of the pattern is true. You could try something like this.

([A-Za-z]+[0-9]+)|([0-9]+[A-Za-z]+)

You can read more about this here :