客户端onsubmit上生成的POST随机数字段

Question

我有一个简单的javascript：

function myfunction(form)

和带有提交按钮的表单：

<input type="submit" class="btn" onclick="return myfunction(this)" onsubmit="return myfunction(this)" value="Send!">

因此，当用户发送表单时，将调用该函数。 在这个函数中，例如我想要创建一个随机数，并使用表格中的信息进行POST。

所以在php文件中我读了我想说的数据

$randomNumberGeneratedInTheScript = $_POST['randomNumber'];

这可能吗？ 感谢..

（我不想在php文件中生成随机数。必须在JavaScript中完成。）

Answer 1

很简单。使用隐藏的表单字段：

<input type="hidden" name="randomNumber" value="">

然后您可以使用math函数生成随机数

 var randomNumber = Math.floor(Math.random()*1000);

注意：这将生成1到1000之间的数字，将1000更改为您希望的任何值

然后onload或在单独的函数中，您可以调用它并设置隐藏字段的值

    document.getElementById('randomID').value = randomNumber;

还有其他方法可以做到这一点，但对于您所描述的情况，这听起来像是最交叉兼容且最简单的方法。

Answer 2

您可以在名为randomNumber的表单中添加隐藏的输入。在myFunction中生成随机数并将隐藏的输入值设置为随机数。现在，Onsubmit可以先调用该函数，然后正常提交表单。