Question

我在php / html中有一个用于输入用户登录名的表单。我有一个用于输入密码的文本字段，我希望用户填写一个值或单击一个按钮以获取在该字段中输入的随机值。

我在线找到了一些JavaScript，但无法使其在我的应用程序中正常工作。正如我在下面使用的代码中所看到的那样，我不太了解JavaScript。

<script>
    function getRndInteger(min, max) {
        return Math.floor(Math.random() * (max - min)) + min;
    }
</script>

Password 1:  <input type="text" size="20" name="PW1" value="$PW1" required>
<button onclick="document.getElementById('PW1').innerHTML = getRndInteger(10000,99999)">Assign Random Password</button>

Answer 1

您应该将ID分配给输入文本，并设置值而不是innerHTML。

function getRndInteger(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

Password 1: <input type="text" size="20" name="PW1" id="PW1" value="$PW1" required>
<button onclick="document.getElementById('PW1').value = getRndInteger(10000,99999)">Assign Random Password</button>

Answer 2

尝试一下...

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<input type="text" id="PW1" size="20" name="PW1" value="$PW1" required>
    <button onclick="getRndInteger(10000,99999)">Assign Random Password</button>
</body>
</html>

JS

function getRndInteger(min, max) {
  var myRandomNumber = Math.floor(Math.random() * (max - min)) + min;
  document.getElementById('PW1').value = myRandomNumber;
}

单击按钮后填写文本字段

2 个答案: