Question

我正在学习如何在我的PHP代码中调用外部javascript文件。我从互联网上获得了一些代码并尝试了但它不起作用。有人可以给我一些建议或向我解释一下。我不是程序员，但我正在研究如何编程，并开始学习这就是为什么我难以理解一些概念。

我这里有代码，PHP文件和JS文件。它们位于同一文件夹中。

以下是代码：

的index.php

<html>
<head>
 <script language="JavaScript" src="exer_1.js"></script>
</head>
<body>
 <form name="myform">
  <input type="text" id="input_1" name="input_1" /><br />
  <input type="text" id="input_2" name="input_2" /><br />
  <input type="submit" value="Check!" onclick="javascript:parseTest() return false;" />
 </form>
</body>
</html>

exer_1.js

function parseTest() {
 var elem_1 = document.getElementById('input_1');
 var elem_2 = document.getElementById('input_2');

 var inp_1 = elem_1.value;
 var inp_2 = elem_2.value;

 if (inp_1 == "" && inp_2 == "") {
  alert("You need to enter integers!!!");
  elem_1.focus();
 } else if (inp_1 == ""){
  alert("You need to enter Integer 1!!!");
  elem_1.focus();
 } else if (inp_2 == ""){
  alert("You need to enter Integer 2!!!");
  elem_2.focus();;
 } else {
  if (!parseInt(inp_1) || !parseInt(inp_2)) alert ("Enter Integers only!!!");
  else {
   alert("Correct Inputs!!!");
  }
 } 
}

Answer 1

<script language="JavaScript" src="exer_1.js"></script>

不推荐使用language属性，而是使用type

<script type="text/javascript" src="exer_1.js"></script>

内联事件绑定的正确语法是

<input type="submit" value="Check!" onclick="parseTest(); return false;" />

您可能需要考虑将事件处理程序移动到表单的提交事件。然后，您的函数可以在出错时返回false，或者在成功时返回true，然后可以使用该函数来确定表单提交是否继续，例如

<form onsubmit="return parseTest()">

Answer 2

<script type="text/javascript" src="exer_1.js"></script>

菲尔：希望你不介意我的编辑

Answer 3

你还没有真正指出什么不起作用，但我注意到你的代码中有些东西。

<html>
<head>
 <script language="JavaScript" src="exer_1.js"></script>
</head>
<body>
 <form name="myform">
  <input type="text" id="input_1" name="input_1" /><br />
  <input type="text" id="input_2" name="input_2" /><br />
 <!-- The following will cause an error -->
  <input type="submit" value="Check!" onclick="javascript:parseTest() return false;" />

<!-- instead use this -->
<input type="submit" value="Check!" onclick="javascript:parseTest(); return false;" />
 </form>
</body>
</html>

分号错误

Answer 4

我会研究JQuery以获得一个不错的javascript框架。而不是将javascript代码放在按钮的“onclick”事件上，使用jquery可以执行以下操作：

$('#submit').click(function() {
  // whatever code you want to run when submit is clicked.
  alert('Submit clicked');
}

如何在PHP中调用外部javascript文件？

4 个答案: