本文共 852 字，大约阅读时间需要 2 分钟。

在处理表单提交时，我们经常会利用onSubmit事件来实现前端验证的功能。其中，return关键字起到了至关重要的作用。例如，在以下代码中：

当用户点击提交按钮时，onSubmit事件会首先调用receieve函数。通过return语句，可以对函数的执行结果进行控制。具体来说：

返回值的作用在于，不仅让前端验证失败时能够停止表单提交形式的处理，还能将错误信息在某种程度上反馈给用户。相比之下，如果忽略return语句，仅将onSubmit直接赋值为false或true，则无法有效控制表单的提交流程。这种前端验证的优化可以有效减少服务器端的负担。

接下来，我们来看receive函数的基本实现：

function rececive() {    const formElements = document.forms['form1'].elements;    for(let i = 0; i < formElements.length - 1; i++) {        if(formElements[i].value.length === 0) {            alert(`第${i + 1}个字段为空`);            return false;        }    }    return true;}

该函数用于检查表单各字段的填充情况，并通过alert提示空字段。当发现空字段时，立即返回false，阻止表单提交。返回true则表示所有字段均已填充，表单可继续提交。

需要注意的是，在实际应用中，函数中没有return true的语句项，但始终默认返回true作为函数执行结果。return false则是明确的错误处理语句。在实践中，函数通常会结合return false处理各种验证失败情况。