作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有以下 JavaScript 源代码:
var Fname = document.getElementById("FirstName").value;
var Lname = document.getElementById("LastName").value;
var email = document.getElementById("Email").value;
var password = document.getElementById("Pass").value;
var reapeat = document.getElementById("Repeat").value;
var area = document.getElementById("selectArea").value;
是否有任何简单的方法来检查每个变量是否为空(Fname == ""
)?如果是,我应该怎么做?如果不是,最简单的方法是什么?
最佳答案
如果你想用一个循环来做到这一点,你需要一个可循环结构中的字段或值,例如,一个数组:
var fields = ["FirstName", "LastName", "Email", "Pass", "Repeat", "selectArea"];
for (var i = 0; i < fields.length; i++) {
if (document.getElementById(fields[i]).value === "") {
alert("Please fill in all fields.");
break; // or do whatever you like here.
}
}
或者您可以在您的标记中为这些元素指定一个公共(public)类,例如:
<input class="noblank" ...>
然后:
var fields = document.getElementsByClassName("noblank");
for (var i = 0; i < fields.length; i++) {
if (fields[i].value === "") {
alert("Please fill in all fields.");
break; // or do whatever you like here.
}
}
基于类的方法更好一些,因为如果您在 html 中添加更多必填字段,则根本不必更新 JS。
关于javascript - 查找多个变量的值 - JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16715047/
COW 不是奶牛,是 Copy-On-Write 的缩写,这是一种是复制但也不完全是复制的技术。 一般来说复制就是创建出完全相同的两份,两份是独立的: 但是,有的时候复制这件事没多大必要
我是一名优秀的程序员,十分优秀!