HTML与JavaScript表单验证规则失效：单字段错误仍提示提交成功

• 核心逻辑判断颠倒：原代码中使用validateusername(username) || validateemail(email) || validatepassword(password) == false作为错误提示的触发条件，逻辑或（||）的特性是只要三个验证结果中有一个为true，整个表达式结果就为true，只有三个字段全部验证不通过时，才会触发错误提示，完全和需求相悖。
• 字段取值方式错误：validateusername、validatepassword两个函数接收的参数是<input> DOM元素本身，却直接读取DOM元素的length属性做判断。DOM元素不存在对应用户输入文本的length属性，取到的值为undefined，和数字比较时会被转为NaN，永远不会触发判断分支，导致这两个函数无论用户输入内容合规与否，永远返回true，完全失去验证作用。这也是单字段输入错误仍弹成功提示的直接原因。
• 表单提交行为处理缺失：原代码将验证逻辑绑定在按钮的onclick事件上，未正确阻止表单默认的刷新跳转行为，即使验证通过也会导致页面异常刷新。

function ValidateForm(username, email, password) {
    // 逐字段执行验证
    const isUsernameValid = validateusername(username);
    const isEmailValid = validateemail(email);
    const isPasswordValid = validatepassword(password);

    // 任意一个字段验证不通过，直接提示错误
    if (!isUsernameValid || !isEmailValid || !isPasswordValid) {
        alert("请输入有效凭证");
        return false; // 阻止表单默认提交
    }

    // 所有字段验证通过，才提示提交成功
    alert("恭喜！您的表单已提交");
    return true;
}

function validateemail(emailInput) {
    // 读取输入框实际值，去除首尾空格避免误判
    const emailValue = emailInput.value.trim();
    const atPosition = emailValue.indexOf("@");
    const dotPosition = emailValue.lastIndexOf(".");
    // 沿用原邮箱格式验证规则
    if (atPosition < 1 || dotPosition < atPosition + 2 || dotPosition + 2 >= emailValue.length) {
        return false;
    }
    return true;
}

function validateusername(nameInput) {
    // 从DOM元素中读取实际输入文本判断非空
    const usernameValue = nameInput.value.trim();
    if (usernameValue.length < 1) {
        return false;
    }
    return true;
}

function validatepassword(pwdInput) {
    // 从DOM元素中读取实际输入文本判断非空
    const pwdValue = pwdInput.value.trim();
    if (pwdValue.length < 1) {
        return false;
    }
    return true;
}

<form name="myForm" onsubmit="return ValidateForm(document.myForm.Name, document.myForm.EmailAddr, document.myForm.Password)"> 
    <input type="text" name="Name" placeholder="请输入姓名">
    <input type="text" name="EmailAddr" placeholder="请输入邮箱">
    <input type="text" name="Password" placeholder="请输入密码">  
    <button type="submit">提交</button>
</form>

• 任意字段（姓名/邮箱/密码）输入不符合规则时，立即弹出错误提示
• 所有字段全部通过验证时，才会弹出提交成功提示
• 验证不通过时自动阻止表单默认的页面刷新行为，符合常规表单交互体验

内容的提问来源于stack exchange，提问作者adnan_khan989