HTML/CSS - Password Validation Online Editor and JavaScript Compiler

html

<!--Password Validator-->
<hgroup>
    <h1 style="text-align: center;">Login Form</h1>
    <p style="margin-top: 0.2em; text-align: center;">Hello User</p>
</hgroup>
<fieldset style="border-radius: 10px; border: 2px dashed black">
    <legend style="text-align: center">Please enter your credentials</legend>
    <form style="text-align: center; margin-top: 0.6em">
        Password: <input type="text" name="Password" id="pass" /><br />
        Repeat: <input type="text" name="Password_Reapeat" id="repeat" /><br />
        <button type="button" style="margin-top: 0.6em" onclick="validate()">Submit</button>
    </form>
</fieldset>
<p style="color: red; text-align: center" id="err"></p>

css

const validate = () => {
    const pass = document.getElementById("pass");
    const repeat = document.getElementById("repeat");
    const err = document.getElementById("err");
    (pass.value.length!==0 && repeat.value.length!==0) ?
        (pass.value.length>=8) ?
            (pass.value.search(/(or|and|'|alter|create|select|drop|delete|like|case|index|test)/i) === -1) ?
                (pass.value.search(/[A-Za-z]/g) >-1) ?
                    (pass.value.search(/[0-9]/g) >-1) ?
                        (pass.value.search(/[!@#$%^&*]/g) >-1) ?
                            (pass.value.search(/([A-Z])/g) >-1) ?
                                (pass.value.search(/[a-z]/g)>-1) ?
                                    (pass.value === repeat.value) ? document.body.innerHTML = "Welcome User"
                                        : err.innerHTML = "Your passwords must be the same"
                                    : err.innerHTML = "Your password must contain lowercase characters"
                                : err.innerHTML = "Your password must contain uppercase characters"
                            : err.innerHTML = "Your password must contain at least one special character"
                        : err.innerHTML = "Your password must contain at least one numerical character 0-9"
                    : err.innerHTML = "Your password must contain at least one letter of the alphabet A-Z"
                : err.innerHTML = "Your password must not contain SQL/No SQL keywords"
            : err.innerHTML = "Your password must be at least 8 characters"
        : err.innerHTML = "Please Fill The Form"
}

BROWSER

Console