Javascript 在 WAMP 上不起作用，但没有它也能正常工作答案

【问题标题】：Javascript doesn't work on WAMP but works fine without itJavascript 在 WAMP 上不起作用，但没有它也能正常工作
【发布时间】：2015-06-20 20:47:53
【问题描述】：

我刚开始学习 PHP 和 WAMP。在此之前，我使用 HTML、CSS 和 JS 创建了一组网页。 JS用于验证表单，如果一切顺利，它将跳转到将数据插入sql数据库的php页面。

简化的form.html和validation.js是：

function validation() {
  var emailCheck = email.search(/^[a-zA-z0-9_]+\@[a-zA-z0-9_]+\.[a-zA-z]{2,3}$/);
  if (emailCheck==-1) alert("Please enter a valid email address");
  else document.getElementById("signup").action = "success.php";
 }

表单代码

<form id="signup" class = "signup" method="POST">
  .....
<input type="text" name="email" id="email" required/>
  ....
<button class = "button3" onclick = "validation()">Submit</button>
</form>

success.php 只是简单的将数据插入到 mySQL 数据库中。

现在我在不使用本地主机的情况下运行 form.html，javascript 可以完美运行。如果我输入了错误的内容，就会出现警告窗口。

如果我使用 WAMP 运行 localhost/form.html，当我输入错误的内容时，javascript 将不起作用。警报窗口不显示。但是当我通过验证时，它成功跳转到了success.php。

因此，我认为 Javascript 可以正常工作，但由于 javascript 是 form.html 和 success.php 之间的唯一连接，因此其中的一部分无法正常工作。

有什么想法吗？

【问题讨论】：

Javascript 与 WAMP 无关，因为 javascript 在浏览器上运行。最可能的问题是您如何加载 javascript。显示您用于加载 javascript 的 <script...> 行，或者如果它在 .html 文件中被硬编码，请这样说。

标签： javascript php onclick localhost wamp

【解决方案1】：

变量“email”未定义，因此您不能对未定义变量使用搜索功能。您需要先获取电子邮件值。

function validation() {
    var emailCheck = document.getElementById("email").value.search(/^[a-zA-z0-9_]+\@[a-zA-z0-9_]+\.[a-zA-z]{2,3}$/);
    if (emailCheck==-1) alert("Please enter a valid email address");
    else document.getElementById("signup").action = "success.php";
}

【讨论】：