验证 Mechanical Turk 上的调查输入答案

【问题标题】：Validation of survey input on Mechanical Turk验证 Mechanical Turk 上的调查输入
【发布时间】：2015-08-11 00:45:51
【问题描述】：

我正在使用 Amazon Mechanical Turk 模板创建调查 (HIT)，并希望获得所需的调查问题。我希望在提交表单之前填写调查模板中的三组单选按钮。我需要验证语法方面的帮助。

这是我的一组单选按钮：

<div class="radio"><label><strong><input name="ABCD Test" type="radio" value="1" /></strong>Yes</label></div>
<div class="radio"><label><input name="ABCD Test" type="radio" value="2" />No</label></div>
<div class="radio"><label><input name="ABCD Test" type="radio" value="3" />Not sure</label></div>

我在下面的堆栈溢出代码中找到了代码，但是对于上面的特定单选按钮，我正在努力解决如何使用它的语法。有人可以帮助语法到

<script type='text/javascript'>
window.onload = function() {document.getElementById('submitButton').setAttribute('onclick', 'return validateForm()'); }



function validateForm() {
if (validate)
return true;
else
return false;
}
</script>

【问题讨论】：

谁能帮忙解决上述问题的语法？

标签： javascript html mechanicalturk

【解决方案1】：

请添加 jQuery 并运行，应该可以工作

//javascript //included jQuery
function validateForm() {
var vali = $('.radio').find(':checked').length>0;
  if (vali)
    return true;
  else
    return false;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form action="" onsubmit="return validateForm();" method="GET">
<div class="radio"><label><strong><input name="ABCD Test" type="radio" value="1" /></strong>Yes</label></div>
<div class="radio"><label><input name="ABCD Test" type="radio" value="2" />No</label></div>
<div class="radio"><label><input name="ABCD Test" type="radio" value="3" />Not sure</label></div>
<input id=submitButton type=submit value="Submit"/>
</form>

【讨论】：

这没有用。它仍然在没有任何输入的情况下提交。

【解决方案2】：

这应该做你想做的：

<script>
    function validateRadioButtons()
    {
        var radios = document.getElementsByName('ABCD Test')

        for (var i = 0, length = radios.length; i < length; i++) {
            if (radios[i].checked) {
                alert(radios[i].value);
                return true;
            }
        }

        alert("You must check at least one of the radio buttons before submitting.");
        return false;
    }
</script>

<div class="radio"><label><strong><input name="ABCD Test" type="radio" value="1" /></strong>Yes</label></div>
<div class="radio"><label><input name="ABCD Test" type="radio" value="2" />No</label></div>
<div class="radio"><label><input name="ABCD Test" type="radio" value="3" />Not sure</label></div>
<input type="submit" value="Submit" onClick="validateRadioButtons();" />

【讨论】：