0

こんにちは、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>
4

1 に答える 1

0

認めざるを得ないのは、あなたがマスキングなどで何をしようとしているのか、私はあなたの言葉を信じているだけです. それは私の専門分野ではありません。しかし、これはあなたが抱えていた問題を解決すると思います。

node.attachEventの代わりにIE8 および 7 がサポートされていることに注意してください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/

于 2012-09-16T03:42:30.250 に答える