مشکل ارسال شدن فرم

سلام ببخشید من یک مشکلی برخوردم که تو پرسش پاسخ اموزش جاوا اسکریپت هم گفتم ولی جوابی نگرفتم

من خواستم فرم رجیستر این پروزه valid کنم و اومدم با ajax مقادیر فرستادم و از php اینارو valid کردم

ولی من خواستم بیام وقتی فرم valid نیست نزاره ارسال بشه ولی این با وجود اینکه تمام کارارو کردم بازم ارسال میشه لطفا کمکم کنید چیکار کنم 

غیر مرتبط  هستش سوالم یکم  ببخشید بازم 

اینا خلاصه فانکشنای مربوطه هستن

onsubmit روی تگ form هستش

onsubmit="return checkForm()"

    <button type="submit" class="login100-form-btn">
                        ثبت نام
     </button>

function checkForm(){
        let validate = document.getElementById("validate-email");
        let email = document.getElementById("email").value;
        let password = document.getElementById("password").value;
        let username = document.getElementById("username").value;
        let name = document.getElementById("name").value;

        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4 && xhr.status === 200) {
                let status = parseInt(this.responseText);
                if (status === 1){
                    return true;
                }
                else{
                    return false;
                }
            }
        }

        xhr.open("POST","<?php echo $prtocol; echo $hostname; ?>/CMS/template/auth/valid.php?",true);
        xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xhr.send("check=true&amp;email"+encodeURIComponent(email)+"&amp;pass="+encodeURIComponent(password)+"&amp;username="+encodeURIComponent(username)+"&amp;name="+encodeURIComponent(name));
    }