(Errors from your JS or Pre-Processors code)
<input type="text" required pattern="^P[0-9]+$" />
input:invalid {
background: red;
}
input:valid {
background: green;