javascript - 防止在上一个输入为空时聚焦于下一个输入

Question

任何人都可以告诉我如何防止关注下一个输入，而应由某些代码(如使用的代码等)填充的上一个输入为空，并且它也没有自动填充。我使用 codeigniter。

该脚本应位于一个文件(如 footer.php)中，并由具有不同对象名称的某个页面使用。

好像有 5 个对象

1. 已使用代码(不能为空)
2. 受雇姓名(不能为空)
3. 工作地址(可以为空)
4. 就业级别(不能为空)
5. 所用昵称(空也可以)

所以当对象 1 或 2 为空时我无法单击对象 3但如果对象 1 和 2 被填充，即使对象 3 为空，我也可以单击对象 4。

但该功能将被调用的使用菜单、区域菜单等使用。

希望它会是简单的脚本，因为我是新来的。 :)

谢谢。

Answer 1

这是一个标准的 JavaScript 验证函数，它不依赖于焦点来强制用户填写所有字段...

function validateForm() {
    var x=document.getElementById("ecode").value;
    if (x==null || x=="")
    {
        alert("Employee code must be filled out");
        return false;
    }

    x=document.getElementById("ename").value;
    if (x==null || x=="")
    {
        alert("Employee name must be filled out");
        return false;
    }
    ...
    return true;
}

<form name="myForm" onsubmit="return validateForm()" method="post">
    Employee code: <input type="text" id="ecode" name="ecode">
    Employee name: <input type="text" id="ename" name="ename">
    <input type="submit" value="Submit">
</form>