js—数据校验

用户在输入数据之后，再数据提交之前需要对用户输入的数据进行校验
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>

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;
}

代码演示：