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

Question

My goal is user require to choose at least one option from 2 check boxes and 2 text boxes. If user do not select anything, the system will prompt the user to select at least one.

However, right now, the user need to select everything which is not what I want.

Below are my codes..

Help will be appreciate..Thanks! :)

At 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>

At 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;
    }

}

Answer 1

simply change your outer || to &&

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

Answer 2

Try this one

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