Question

我已经使用此代码在表单上设置验证，以便在未检查所有按钮时提醒我！ ..但是当我尝试它时，即使检查了所有按钮，它也会给我错误警告..请帮助吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>

    <script type="text/javascript">
function validateForm(formData){
    if(!this.v1.checked && !this.v2.checked && !this.v3.checked){
        alert('answer all questions please');
        return false;
    }
       return true;
    }
    </script>

    <title></title>
</head>

<body>
    <form name="form1" action="mark.php" onsubmit="return validateForm()" method="post"> 
        <input type="radio" value="1" id="v1" name="v1"> <input type="radio" value="1" id="v2" name="v2"> <input type="radio" value="1" id="v3" name="v3"> <input type="submit" value="Send">
    </form>
</body>
</html>

Answer 1

使用this了解console.log(this)引用的内容。

如果你使用getElementById()获得单选按钮可能会更好，在这里看一个例子。

How can I check whether a radio button is selected with JavaScript?

同时更改if语句的逻辑，使用：

if (!document.getElementById('v1').checked || !document.getElementById('v2').checked || !document.getElementById('v3').checked)

我在jsfiddle.net中修改了你的脚本，做了一个工作： http://jsfiddle.net/Xh5HW/1/

Answer 2

{{2p>退房{{3p>

javascript验证即使检查所有按钮也会给我错误警报

2 个答案: