我正在尝试使用以下代码在 Javascript 中创建 IF 语句:
<input class="entry" id="modalod" type="text" placeholder="Enter online ID" name="id" required>
<input class="entry" id="pass1" type="password" placeholder="Enter Passcode" name="psw" required>
<input class="entry" id="pass2" type="password" placeholder="Repeat Passcode" name="psw-repeat" required>
<input class="entry" id ="emailtext" type="text" placeholder="Enter Email" name="email" required>
<a href="#" class="loginbtnanchor btn btn-primary btn-md"
onclick="listids()">Login <i class="fa fa-sign-in"></i></a>
var modalok = document.getElementById("modalok");
var idarray = [];
var passcodearray = [];
var emailtextarray = [];
var od = document.getElementById("modalod").value;
var pass1 = document.getElementById("pass1").value;
var pass2 = document.getElementById("pass2").value;
var emailtext = document.getElementById("emailtext").value;
var at = emailtext.indexOf("@");
var period = emailtext.indexOf(".");
modalok.addEventListener("click", function(event) {
if ( ( (at == -1) || (period == -1) ) && ( (od.length < 15) ||
(od.length > 18) ) )
{
alert("NOTE: ONLINE ID MUST BE BETWEEN 15 AND 18 NUMBERS
LONG.\nPASSCODES DON'T MATCH.\nEMAIL INVALID.");
event.preventDefault();
}
else {
idarray.push(od);
passcodearray.push(pass1);
emailtextarray.push(emailtext);
}
});
应该发生的是,只有当“用户”输入无效的电子邮件和错误的 ID 时,才会出现警报框。但是,如果仅发生其中一种情况,则会出现警报框。我认为问题在于我在此 IF 语句中使用 AND/OR 的语法。我尝试切换 AND/OR 的顺序和条件,但仍然无法修复它。
我能得到这方面的帮助吗?
谢谢,
在点击处理程序中移动这些行:
var od = document.getElementById("modalod").value;
var pass1 = document.getElementById("pass1").value;
var pass2 = document.getElementById("pass2").value;
var emailtext = document.getElementById("emailtext").value;
var at = emailtext.indexOf("@");
var period = emailtext.indexOf(".");
就目前而言,您会立即获得这些值(可能在页面加载时)。因此,例如,od.length
总是0
和at
总是-1
,等等。
自己进行调试的一个好方法是console.log
在if
语句上方添加一个右侧以查看您正在测试的值。(例如console.log(at, period, od);
。)这会清楚地表明这些值是不正确的,这会指出您找出这些值来自何处的方向。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句