通过单击表单中的按钮，在代码生成中使用javascript生成字母数字代码

generating a alphanumeric code using javascript in code generation, by clicking a button in form

本文关键字：javascript 数字 代码 代码生成 表单 单击 按钮      更新时间：2023-09-26

嗨，我想知道是否可以通过单击html按钮将字母数字代码（由javascript生成）传递到html文本框中？

所以我的意思是，我有一个文本框和一个按钮，如果我点击按钮，它将从java脚本代码中获得生成的代码，并显示在文本框中。。。

这是我的代码（如果你能编辑这个，请编辑整个代码…）：

<html>
  <head><title> Untitled Document </title></head>
  <body>
    <script type="text/javascript">
      function randomString(length, chars) {
        var mask = '';
        if (chars.indexOf('a') > -1) mask += 'abcdefghijklmnopqrstuvwxyz';
        if (chars.indexOf('A') > -1) mask += 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
        if (chars.indexOf('#') > -1) mask += '0123456789';
        var result = '';
        for (var i = length; i > 0; --i) {
          result += mask[Math.round(Math.random() * (mask.length - 1))];
        }
        return result;
      }
      document.write(randomString(16, 'aA#'));
    </script>
    <form>
      <label for="gencode"> Generated Code: </label>
      <!-- here is the problem I don't know what am I -->
      <input type="text" id="gencode" name="gencode">
      <!-- going to put on he onclick and on the value -->
      <input type="button" value="generate now">
    </form>
  </body>
</html>

我必须承认，你想用口罩做什么，我只是相信你的话。这不是我的专长。然而，我认为这解决了你的问题。

注意，IE8和7支持node.attachEvent而不是node.addEventListener。不过，IE9确实支持node.addEventListener。如果你需要支持那些旧的IE版本，你需要做一些检查：

if (addEventListener) {
    document.addEventListener('click', myClickHandler);
} else if (attachEvent) {
    document.attachEvent('onclick', myClickHandler);
}

注意click和onclick的差异。

HTML

<h1>Generate Code</h1>
<form>
    <label for="length">Length: </label>
    <input type="text" id="length" name="length" value="10">
    <label for="characters">Characters: </label>
    <input type="text" id="chars" name="chars" value="akdie">
    <label for="gencode"> Generated Code: </label>
    <input type="text" id="gencode" name="gencode">
    <button type="button" id="generate">Generate Now</button>
</form>​

Javascript

function randomString() {
    var gencode = document.getElementById('gencode'),
        length = document.getElementById('length').value,
        chars = document.getElementById('chars').value,
        mask = '',
        result = '';
    console.log(length, chars);
    if (chars.indexOf('a') > -1) mask += 'abcdefghijklmnopqrstuvwxyz';
    if (chars.indexOf('A') > -1) mask += 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
    if (chars.indexOf('#') > -1) mask += '0123456789';
    for (var i = length; i > 0; --i) {
        result += mask[Math.round(Math.random() * (mask.length - 1))];
    }
    console.log(result);
    gencode.value = result;
}
window.addEventListener('load', function load(){
    document.getElementById('generate').addEventListener('click', randomString);
});

​http://jsfiddle.net/userdude/ub26g/

相关文章：