使用来自html和JavaScript的表单创建测验

Question

I have a form, here is it: 我有一个表格，是这样的：

<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
    <form action="lab4.php" method="POST">
        1. That man does look rather strange but you shouldn’t ______ at him. <br>
        <select name="vop1" style="width: 100px;" required> 
            <option value=""></option>
            <option value="v11">glare</option>
            <option value="v12">blink</option>
            <option value="v13">stare</option>
            <option value="v14">frown</option>
        </select>
        <p></p>
        2. He made a hole in the fence so that he could ______ through without being seen. <br>  
        <select name="vop2" style="width: 100px;" required> 
            <option value=""></option>
            <option value="v21">peer</option>
            <option value="v22">blink</option>
            <option value="v23">wink</option>
            <option value="v24">peep</option>
        </select>
        <p></p>
        3. If you go out into bright sunlight after being in the dark, you sometimes ______. <br>
        <select name="vop3" style="width: 100px;" required> 
            <option value=""></option>
            <option value="v31">peer</option>
            <option value="v32">blink</option>
            <option value="v33">glare</option>
            <option value="v34">peep</option>
        </select>
        <p></p>
        <button type="submit" name="submit" >GO</button> <input type="reset" value="Reset">
    </form>   
</body>
</html>

What do I need? 我需要什么？ You can see, that there is a <form action="lab4.php" method="POST"> . 您会看到，有一个<form action="lab4.php" method="POST"> 。 I used this form with php. 我用这种形式的PHP。 In php I get the values from all 3 questions and sum them. 在PHP中，我从所有3个问题中获取值并将其相加。 Like this: if ($_POST[vop1] == v11){$sum++;} 像这样： if ($_POST[vop1] == v11){$sum++;}

In the end I write something like this: if ($sum == 3) echo "Very good, you have answered 3 questions!" 最后，我写这样的东西： if ($sum == 3) echo "Very good, you have answered 3 questions!" or if ($sum == 1) echo "Bad" . 或if ($sum == 1) echo "Bad" 。

So, using this form, I need to do the same thing by using JavaScript. 因此，使用这种形式，我需要通过使用JavaScript来做同样的事情。 What is the code to get my value, to sum it and to write it in JavaScript, just like PHP has done it? 像PHP一样，获得我的价值，总结并用JavaScript编写的代码是什么？

Answer 1

Using Javascript is not an ideal option for quiz, because answers can be hacked using the source code of the html page. 使用Javascript并不是进行测验的理想选择，因为可以使用html页面的源代码来破解答案。

For your understanding purpose only, 仅供您理解，

OPTION #1: 选项1：

<script>
   var sum=0;
   function checkAns(){
   if(document.getElementByName('vop1').value=='v11') 
       sum++;
   ....
   ....
</script>

OR 要么

OPTION #2: 选项＃2：

Javascript : Javascript ：

<script>
var sum=0;
function checkq1(ans) { 
    if(ans=='v11')
        sum++;
}
</script>

HTML: HTML：

1. That man does look rather strange but you shouldn’t ______ at him. <br>
<select name="vop1" style="width: 100px;" required onchange="checkq1(this.value)"> 
<option value=""></option>
<option value="v11">glare</option>
<option value="v12">blink</option>
<option value="v13">stare</option>
<option value="v14">frown</option>
</select>

使用来自html和JavaScript的表单创建测验

问题描述

1 个解决方案

解决方案1
2 2016-11-08 05:53:45

使用来自html和JavaScript的表单创建测验

问题描述

1 个解决方案

解决方案1 2 2016-11-08 05:53:45

解决方案1
2 2016-11-08 05:53:45