JS复习：通过表单提交触发方法

2023-05-10 05:48:03 | Web Design | 972 Reads

Copyright Notice: This article is an original work licensed under the CC 4.0 BY-NC-ND license. If you wish to repost this article, please include the original source link and this copyright notice.
Source link: https://v2know.com/article/924

JS复习：通过表单提交触发方法

这是最简单的表单提交触发前端JS的验证方法。

HTML部分：

<form onsubmit="return validateForm()">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  <input type="submit" value="提交">
</form>

JS部分：

function validateForm() {
  var name = document.getElementById("name").value;
  if (name == "") {
    alert("姓名不能为空");
    return false;
  }
}

论外：

JS复习：伪类选择器

返回：[目录] JavaScript基础：方法触发相关

This article was last edited at 2023-05-10 06:37:22