多个 div 的简单表单验证

Question

我有一个包含 3 个步骤的联系表格，每个步骤都有自己的“标签”，然后通过电子邮件 php 脚本提交。 Live 版本在http://agoodman.com.au/wptest/menswear-porter-service/（点击“BOOK IN 60 SECONDS”）。

在第一个表单中，我想确保他们在继续之前输入了电子邮件地址。我已经通过以下方式进行了尝试：

<button class="btn classic" onclick=" if ('#basicdetails .email').value ='=' ' '){return false;} else {document.getelementbyid('n.2').click();}">next</button>

目前，该代码确实会检查电子邮件地址并在未输入任何内容时停止，但当输入电子邮件时，表单不会继续。 （'#n.2' 是一个仅显示表单下一页的选项卡）。如果我删除 if 语句并只制作按钮代码：

<button class="btn classic" onclick="document.getelementbyid('n.2').click()">next</button>

然后表单会按原样进行，但显然不会在未输入电子邮件地址时停止。

我的 `if/else' 语法错了吗？否则，我在这里错过了什么？

编辑：

在语法上犯了一些大错误（首先尝试这种事情），请参阅更新的代码：

<button class="btn classic" id="firstTab">next</button>

<script>
$('.btn#firstTab').click(function(){
if (('#basicdetails .email').value =='') {
  return false;
} else {
 $('#n2').click();
}
});

</script>

Answer 1

使用内联 JavaScript 绝不是一个好主意。如果您将标记与逻辑分开，您将能够更好地组织它并轻松发现错误。如果您将代码分解并正确缩进，您将立即看到问题：

if ('#basicdetails .email').value ='=' ' ') {
  return false;
} else {
  document.getelementbyid('n.2').click();
}

确实有一些问题。您在if 声明中缺少(。那么您需要使用比较运算符，例如== 或===。 = 运算符只是用于赋值。最后你可以看出这个='=' ' ' 看起来很乱，这意味着什么并不明显，而且不是有效的JavaScript。此外，如果 ('#basicdetails .email') 本来是一个 jQuery 选择器，那么您在括号前缺少 $。