使用onsubmit函数表单消息验证？

Question

我正在使用setCustomValidity()方法使用javascript进行一些消息验证。因此，当我在表单中附加onsubmit时，它不会在输入字段中显示消息，但是当我使用onclick时它会显示消息。我理解onlclick和IonsubmitI函数之间的区别。但是当我使用onsubmit函数时，为什么不显示消息？

例如。

<form id="myForm" onsubmit="subForm">
    <input type="email" name="email" id="email" required>
    <input type="submit" name="subit" id="submit">
</form>

<script type="text/javascript">
        var mail = document.getElementById("email");
        function subForm() {

            if (mail.value == "") {
                mail.setCustomValidity("Your input field is empty!");
            }
        }
</script>