Javascript 防止使用无效字段提交表单

我一直在尝试制作一个简单的HTML表单，它包含电话号码、密码和确认密码。我尝试使用HTML5 required属性来确保在提交时填写所有字段，但由于发现Safari不支持这一点，我继续使用来自不同堆栈溢出主题的以下代码来验证表单：

var form = document.getElementById('text'); // form has to have ID: <form id="formID">
    form.noValidate = true;
    form.addEventListener('submit', function (event) { // listen for form submitting
        if (!event.target.checkValidity()) {
            event.preventDefault(); // dismiss the default functionality
            if (document.getElementById('password_confirm').value != document.getElementById('password').value) {
                alert('Passwords must match');
                //document.getElementById("alert_pw_match").style.color = rgba(37, 33, 90, 0.64);
            } else {
                // input is valid -- reset the error message
                alert('All fields are required');
            }
        }
    }, false);

var form=document.getElementById（'text'）；//表单必须具有ID:
form.noValidate=真；
addEventListener（'submit'，函数（事件）{//侦听表单提交
如果（！event.target.checkValidity（））{
event.preventDefault（）；//取消默认功能
if（document.getElementById（'password_confirm'）.value！=document.getElementById（'password'）.value）{
警报（“密码必须匹配”）；
//document.getElementById（“alert_pw_match”）.style.color=rgba（37,33,90,0.64）；
}否则{
//输入有效--重置错误消息
警报（“所有字段均为必填项”）；
}
}
}，假）；

---

我遇到的问题是，我不想使用标准警报框，只想突出显示相关字段或显示一些文本，说明表单无效的原因，但每当我添加除警报之外的行时，表单提交时不会发生任何事情。

使用return false；我之前试过了，但没用