当用户按下没有php页面的提交按钮时，我可以收到消息吗？

Question

我对网页设计有点新意，在课堂上我们正在做一个表格。因为我们最近开始使用php页面或脚本。

我想在用户点击提交按钮时显示一条消息。这可以在没有php页面的情况下完成吗？

Answer 1

使用带有input属性的普通按钮，而不是type="submit"元素而不是onclick元素。不要为action元素指定任何<form>属性。

<form>
  <input id="usn" type="text" placeholder="Username" />
  <input id="psw" type="text" placeholder="Password" />
  <input type="submit" onsubmit="myFunction()" />
</form>
<script type="text/javascript">
  function myFunction() {
    var username = "The username you entered is: " + document.getElementById('usn').value + ". ";
    var password = "The password you entered is: " + document.getElementById('psw').value + ". ";
    alert(username + password);
  }
</script>