Question

以下javascript通过在提交之前比较“required_email”和“verify_email”的两个输入“name”值来工作。问题是“名称”实际上是“必需的电子邮件”和“验证电子邮件”。似乎破折号不支持javascript中的名称。显然，最简单的解决方案是使用下划线或没有空格，但这是不可能的，因为服务器端表单处理会查找使用短划线的特定“名称”。

我可以为两个输入中的每一个添加ID，因此我需要知道的是如何修改以下javascript以将＃input1与#input2进行比较（也就是使用ID而不是名称值）。

function checkEmail(theForm) {
    if (theForm.required_email.value != theForm.verify_email.value)
    {
        alert('Your emails don\'t match.');
        return false;
    } else {
        return true;
    }
}

PS。我需要在普通的javascript（不是jQuery或其他框架）中完成。

Answer 1

function checkEmail(theForm) {
    if (document.getElementById("required-email").value != document.getElementById("verify-email").value)
    {
        alert('Your emails don\'t match.');
        return false;
    } else {
        return true;
    }
}

Answer 2

在这种情况下，您可以使用其他属性访问语法：

if (theForm["required-email"].value != theForm["verify-email"].value)

Answer 3

如果你给他们两个id，那就简单了：

var required = document.getElementById('required_email').value;
var verified = document.getElementById('verify_email').value;
if(required != verified){
  alert('emails do not match');
  return false;
}else{
  return true;
}

比较提交时的两个输入

3 个答案: