对Mechanical Turk的调查输入进行验证

Validation of survey input on Mechanical Turk

本文关键字：验证 输入 调查 Mechanical Turk      更新时间：2023-09-26

我正在使用亚马逊机械土耳其模板创建一个调查(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>

请添加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>

这应该是你想要的:

<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();" />
相关文章：