Question

为区域网站制作一个非常简单的表格。我在PHP中有一个非常简单的表单。

 <form method="post">
  <fieldset>
   <legend>Enter Age and Weight</legend>
   <label>Age:</label>
   <input type="text" name="age" value="<?php echo @$_POST['age'] ?>">
   <label>weight:</label>
   <input type="text" name="weight">
   <div>
    <button class="btn" type="submit" name="action" value="enter">Enter</button>
   </div>
  </fieldset>
 </form>

我想要做的是当用户按下回车键时，我想提醒用户他们输入了什么。

这是我目前在HTML中的内容。

<body onload="document.forms[0].submit()">
<form action="/index.php" onsubmit="" method="POST">
<script>
alert(document.getElementsByName("age").value);
</script>
</form>
</body>

然而，我一直在看＆＃34; undefined＆＃34;。我假设发生了这种情况，因为在页面加载时我的脚本正在运行，而不是在用户按下提交按钮时。有点困惑如何做一个简单的警报。感谢任何帮助。

Answer 1

您必须将代码插入函数，您必须将其附加到事件处理程序，例如onsubmit，如下所示：

HTML：

<form method="post" onsubmit="showData();">

JAVASCRIPT：

function showData() {
    alert(document.getElementsByName("age")[0].value);
}

我在你的Javascript代码中插入了[0]，因为document.getElementsByName为你返回一个元素数组，在你的情况下，这个数组显然只包含一个可在索引0上检索的值（第一个索引）任何数组）。

Answer 2

<form method="post" id="myform">
  <fieldset>
   <legend>Enter Age and Weight</legend>
   <label>Age:</label>
   <input type="text" name="age" value="<?php echo @$_POST['age'] ?>" id="age">
   <label>weight:</label>
   <input type="text" name="weight">
   <div>
    <button class="btn" type="button" name="action" value="enter" onclick="alert(document.getElementById('age').value);document.getElementById('myform').submit()">Enter</button>
   </div>
  </fieldset>
 </form>

这是你想要的吗？

在POST上显示值

2 个答案: