防止在上一个输入为空时将焦点集中在下一个输入上

prevent focus on next input while the previous input is empty

本文关键字：输入 集中 焦点 下一个 上一个      更新时间：2023-09-26

有人能告诉我如何在应该由某些代码（如使用的代码ect）填充的上一个输入为空并且没有自动填充的情况下防止关注下一个输入吗。我用的是codeigniter。

脚本应该在一个文件上（如footer.php），并由具有不同对象名称的页面使用。

就像有5个对象

  1. 使用的代码（不能为空）
  2. 使用的名称（不能为空）
  3. 使用地址（如果为空则OK）
  4. 已使用级别（不能为空）
  5. 使用的昵称（如果为空则OK）

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

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

希望它能简化脚本，因为我是新来的。：）

谢谢。

这里有一个标准的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>
相关文章：