表单控件没有id值，用onsubmit进行Form表单验证

如果表单控件没有 id 值，可以通过控件的 name 属性来获取其值。以下是一个使用 onsubmit 属性进行表单验证的例子，其中用户名和密码的控件没有 id 值：

HTML 代码：

<form id="myForm" action="submit.php" method="post" onsubmit="return validateForm()">
  <label for="username">Username:</label>
  <input type="text" name="username"><br><br>
  <label for="password">Password:</label>
  <input type="password" name="password"><br><br>
  <input type="submit" value="Submit">
</form>

JavaScript 代码：

<script>
  function validateForm() {
    var username = document.getElementsByName("username")[0].value;
    var password = document.getElementsByName("password")[0].value;

    if (username == "") {
      alert("Username cannot be empty");
      return false;
    }

    if (password == "") {
      alert("Password cannot be empty");
      return false;
    }

    return true;
  }
</script>

在这个例子中，我们在 form 元素上定义了 onsubmit 属性，值为 validateForm() 函数。当表单提交时，会调用这个函数进行验证。通过 document.getElementsByName() 方法获取用户名和密码的控件，再通过索引值 [0] 获取其值。如果用户名或密码为空，会弹出一个警告框，并返回 false，阻止表单提交。如果验证通过，会返回 true，表单会继续提交。