JSFiddle - React, Tailwind, and code Playground

HTML

<label for="address">Address: </label>
<input name="address" id="address" type="text" />

CSS

.valid {
    border: 1px solid green;
}

.invalid {
    border: 1px solid red;
}

JavaScript

document.getElementById('address').onblur = function (e) {
    console.log(this.value);
    var isValid = /^(#?)[a-zA-Z\s\d]+$/.exec(this.value);
    if (isValid){
      // do any action on valid
      this.className = 'valid';
    } else {
        this.className = 'invalid';
    }
}