【问题标题】:Is it possible to use another button to tell me the last alert?是否可以使用另一个按钮告诉我最后的警报?
【发布时间】:2013-04-23 22:19:20
【问题描述】:

我希望有两个按钮,一个自动在警报中生成随机字符串,我希望另一个用户能够在文本框中输入代码并告诉他们其是否有效。

首先这可能吗?其次,对于 JavaScript 新手来说,这很难吗?

这是我现在使用的当前代码。

<script language="javascript" type="text/javascript">
function randomString() {
 var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
 var string_length = 5;
 var randomstring = '';
 for (var i=0; i<string_length; i++) {
  var rnum = Math.floor(Math.random() * chars.length);
  randomstring += chars.substring(rnum,rnum+1);
 }
 return randomstring;
}
</script>

<script>
function myFunction()
{
alert(randomString());
}
</script>

谢谢1

【问题讨论】:

  • 另一个用户喜欢在不同的计算机上?您需要正确解释您的问题,这非常令人困惑,您的代码会提示一些随机文本。
  • I want another user to be able to go and enter the code in a text box and tell them if its valid or not. 你要为此雇人吗?
  • 是的,用户将通过同一个网络连接,但可以从不同的计算机连接。
  • 你需要一种服务器端语言。

标签: javascript string button random alert


【解决方案1】:

那个怎么样:

----------- 文件:index.html -----------

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Captcha Test</title>
    <script src="test.js"></script>
</head>
<body onload="loadCaptcha('captcha-region')">

    <div id="captcha-region"
         style="text-indent: 10px; background: #fffccc"></div>

    <label for="captcha"> Re-type text: </label>
    <input  id="captcha" type="text" value="" />

    <input type="button" value="Submit"
           onclick="checkCaptcha('result-region')" />

    <input type="button" value="Reload"
           onclick="loadCaptcha('captcha-region')" />

    <div id="result-region"></div>

</body>
</html>

--------- 文件:test.js -----

function randomInt (range) {
    return Math.floor(Math.random() * range);
}

function randomPos (s) {
    return randomInt(s.length);
}

function randomChar (s) {
    return s.charAt(randomPos(s));
}


var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";

function randomString () {
    var s = '',
        i = 0;

    while (i++ < 5) {
        s += randomChar(chars);
    }

    return s;
}

function htmlInsert (id, htmlData) {
    document.getElementById(id).innerHTML = htmlData;
}


var captcha;

function loadCaptcha (captchaRegion) {
    captcha = randomString();

    htmlInsert(captchaRegion, '<h1>' + captcha + '</h1>');
}

function checkCaptcha (resultRegion) {
    var okText = (captcha === document.getElementById('captcha').value)
            ? '<span style="color: yellowgreen"> ok </span>'
            : '<span style="color: orange">  not ok </span>';

    htmlInsert(resultRegion, '<h2>Typed text: ' + okText + '</h2>');
}

这基本上是一个验证码演示,可能包含一些不错的部分..

您可能希望将 index.html 和 test.js 放在您喜欢的目录中(不需要本地 Web 服务器),然后从该目录中执行:“firefox index.html”,一切顺利。 .

你怎么看?

【讨论】:

  • 哇,这正是我要找的!
  • 嗨,Jared,很高兴我能做出贡献,看来你想提高你的 JS 以及你的 HTML(5) 技能。无论如何,我是谁,我获得了类似的技能,这从很多来源,StackOverflow 中的其他(妇女)人那里对您有所帮助 - 非常感谢 - 以及通过我的一个中心网站“coreservlets.com” .还有“Ajax % JS”部分。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-07-15
  • 1970-01-01
  • 1970-01-01
  • 2021-05-20
相关资源
最近更新 更多