验证2个复选框和2个文本框

时间:2013-12-26 08:27:02

标签: javascript validation checkbox textbox

我的目标是用户要求从2个复选框和2个文本框中选择至少一个选项。如果用户没有选择任何内容,系统将提示用户至少选择一个。

但是,现在,用户需要选择不是我想要的所有内容。

以下是我的代码..

帮助将会很感激。谢谢! :)

在index.jsp

<form method="post" name="searchform" onsubmit="return validateForm();">
Date: <input name="date" readonly="readonly" />
Number: <input type="text" name="on">
<input type="checkbox" id="completed"> Option A
<input type="checkbox" id="pending"> Option B
<input type="submit" value="Submit">
</form>

javascript

function validateForm() {
    var radio1 = document.getElementById('pending').checked;
    var radio2 = document.getElementById('completed').checked;

    var on = document.forms["searchform"]["on"].value;
    var date = document.forms["searchform"]["date"].value;


    if ((radio1 == "") || (radio2 == "") || (on == null || on="") || (date == null || date =="")){
        alert('Please Choose at least 1 Option');
        return false;
    }

}

2 个答案:

答案 0 :(得分:1)

只需将您的外||更改为&&

即可
if ((radio1 == "") && (radio2 == "") && (on == null || on="") && (date == null || date =="")){
    alert('Please Choose at least 1 Option');
    return false;
}

答案 1 :(得分:0)

试试这个

if (((radio1 == "") && (radio2 == "")) &&(on == null || on="") && (date == null || date =="")){
        alert('Please Choose at least 1 Option');
        return false;
    }