JavaScript中的单选按钮验证 [英] Radio button validation in javascript

问题描述

需要验证单选按钮的输入，即当按下提交按钮且未选择任何单选按钮时，它会警告用户说请选择一个复选框"，如果选择了单选按钮，则只需提交表格，无需提醒.

Need to validate a radio button input, i.e. when submit button is pressed and no radio buttons have been selected, it alerts the user saying 'please select a check box', and if a radio button has been selected then simply submit the form, needs no alert.

为此只能使用HTML CSS和JavaScript，我知道它在jquery中要容易1000倍，但可惜我不能使用它.

Can only use HTML CSS and JavaScript for this, I know it's 1000 times easier in jquery but sadly I can't use that.

我知道我的HTML无效，但是除非它直接影响我当前的问题，否则我会在以后处理.

And I know my HTML isn't valid, but unless it directly affects my current problem then I'll handle it later.

<form name="form1" action="#" onsubmit="return validateForm()" method="post"> 

    First time visitor?:<br/>
            <label for="s1">Yes</label>
            <input type="radio" id="1" name="yesno" value="1"/>
            <br/>
            <label for="s2">No</label>
            <input type="radio" id="1" name="yesno" value="2"/>

            <br/>       

    <input type="submit" value="Submit"><br/>
    </form>

非常感谢任何指针.

推荐答案

第一:如果您知道自己的代码不正确，则应在执行任何操作之前先对其进行修复！

1st: If you know that your code isn't right, you should fix it before do anything!

您可以执行以下操作:

function validateForm() {
    var radios = document.getElementsByName("yesno");
    var formValid = false;

    var i = 0;
    while (!formValid && i < radios.length) {
        if (radios[i].checked) formValid = true;
        i++;        
    }

    if (!formValid) alert("Must check some option!");
    return formValid;
}​

查看实际情况: http://jsfiddle.net/FhgQS/

这篇关于JavaScript中的单选按钮验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！