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

时间:2015-08-11 00:45:51

标签: javascript html mechanicalturk

我正在使用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>

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

这应该做你想要的:

<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();" />