Random 客户端的JavaScript表单验证，用于使用随机脚本生成的表单

我正在为我的iPad做一个网络应用来帮助我儿子学习数学

每次重新加载页面时，它都会给您一个新的测试。我缺少的是客户端验证。我以前用过jQuery，但从来没有用过随机的东西。 下面是一小段为问题创建随机字符串的代码

问题是我无法实时验证答案

<tbody><tr> 
    <td><li class="smallfield"><span class="name"><script language="JavaScript">
<!--
var r_text = new Array ();
r_text[0] = "1 x 1 =";
r_text[1] = "1 x 2 =";
r_text[2] = "1 x 3 =";
r_text[3] = "1 x 4 =";
r_text[4] = "1 x 5 =";
r_text[5] = "1 x 6 =";
r_text[6] = "1 x 7 =";
r_text[7] = "1 x 8 =";
r_text[8] = "1 x 9 =";
r_text[9] = "1 x 10 =";
r_text[10] = "1 x 11 =";
r_text[11] = "1 x 12 =";;

var i = Math.floor(12*Math.random())

document.write(r_text[i]);

//-->
</script></span><input placeholder="=" type="num" />
            </li></td>
    <td><li class="smallfield"><span class="name"><script language="JavaScript">
<!--
var r_text = new Array ();
r_text[0] = "1 x 1 =";
r_text[1] = "1 x 2 =";
r_text[2] = "1 x 3 =";
r_text[3] = "1 x 4 =";
r_text[4] = "1 x 5 =";
r_text[5] = "1 x 6 =";
r_text[6] = "1 x 7 =";
r_text[7] = "1 x 8 =";
r_text[8] = "1 x 9 =";
r_text[9] = "1 x 10 =";
r_text[10] = "1 x 11 =";
r_text[11] = "1 x 12 =";;

var i = Math.floor(12*Math.random())

document.write(r_text[i]);

//-->
</script></span><input placeholder="=" type="num" />
            </li></td>

首先，您需要将写出的问题保存在变量中，以便以后可以访问它。比如：

var question = r_text[i];
document.write(question);

这样，以后可以使用该值

但是，这意味着您必须从问题字符串中提取随机数进行验证。不过，一个更好的方法可能是简单地保存生成的随机数（i），然后像这样写出问题

document.write("1 x " + i + " =");

消除了对r_文本数组的需要

现在，对于验证，您可以在输入字段旁边有一个按钮，并使用onClick事件调用验证方法

<button onClick="javascript:validateAnswer()">Check!</button>

检查！

其中validateAnswer将获取输入字段中的文本，并查看答案是否正确