如何在一行上制作 Javascript 警报代码答案

【问题标题】：How to make Javascript alert code all on one line如何在一行上制作 Javascript 警报代码
【发布时间】：2016-04-26 14:27:22
【问题描述】：

如果表单的两个字段都没有插入信息，我正试图弄清楚如何制作警报代码“必须填写名字和姓氏”。我知道如何单独执行它们，但是您如何为合并在一行上的两条消息制作警报代码？我对 Javascript 很陌生..

    <!DOCTYPE html>
<html>
<head>
<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    var y = document.forms["myForm"]["lname"].value;
    if (x == null || x == "") {
        alert("First Name is missing information");
        return false;
    }
    else (y == null || y == "") {
        alert("Last Name is missing information")
        return false;
    }
    else (x == null || x == "" && y == null || y == "") {
        alert("First and Last name are missing information")
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="demo_form.asp"
onsubmit="return validateForm()" method="post">
First Name: <input type="text" name="fname"><br>
Last Name:  <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

</body>
</html>

【问题讨论】：

那么...你的问题得到解答了吗？

标签： javascript html forms alerts

【解决方案1】：

删除所有 JavaScript。

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<form action="demo_form.asp" method="post">
  First Name: <input type="text" name="fname" required /><br />
  Last Name:  <input type="text" name="lname" required /><br />
  <input type="submit" value="Submit" />
</form>

</body>
</html>

注意表单上的required 属性。

不要使用 JavaScript 来完成 HTML 的工作。

【讨论】：

这在现代浏览器中是理想的，但不考虑验证消息或如果要求要求支持旧版 IE。

【解决方案2】：

您的逻辑需要颠倒，以便首先检查两者都为空的情况，否则代码将永远不会到达它，因为x 或y 情况首先发生。试试：

var x = document.forms["myForm"]["fname"].value;
var y = document.forms["myForm"]["lname"].value;
var emptyX = x == null || x == "";
var emptyY = y == null || y == "";
if (emptyX && emptyY) {
    alert("First and Last name are missing information")
    return false;
}
else (emptyX) {
    alert("First Name is missing information");
    return false;
}
else (emptyY) {
    alert("Last Name is missing information")
    return false;
}

【讨论】：

【解决方案3】：

您应该将最后的else 语句移到顶部。由于您的代码当前存在，因此如果发现名字或姓氏为空，则不会检查这两个字段。

或者，您可以在 x 和 y 中的每一个中添加逻辑，以检查另一个是否不为空，但如果您只是反转代码，则不需要这样做。

【讨论】：