用户在输入数据之后,再数据提交之前需要对用户输入的数据进行校验
onsubmit 表单提交事件
提交表单的时候,先执行check();
这个方法,如果这个方法返回的是false,则将不提交表单。

<form action="" onsubmit="checked()">
  <p>用户名:<input type="text" name="" id="username" value=""></p>
  <p>密码:<input type="password" name="" id="pwd" value=""></p>
  <p><input type="submit" value="提交"> &emsp; <input type="reset" value="重置"></p>
</form>

用户名:

密码:

js:
function checked() {
  var username = document.getElementById('username');
  var pwd = document.getElementById('pwd');
  if (username.value == '') {
    alert('用户名不能为空');
    username.focus();
    return false;
  }
  if (pwd.value == '') {
    alert('密码不能为空');
    pwd.focus();
    return false;
  }
  return false;
}

代码演示:

202103291617000386881852
202103291617000411425459