验证2个复选框和2个文本框以及日期格式

Question

我的目标是检查用户是否输入/选择至少一个选项。如果他不知道，就会出现警报。

如果用户输入日期，将进行验证。

现在，当用户不输入日期但选择其他选项时，仍然会出现日期验证的警报消息。

http://jsfiddle.net/N43vg/1/

或

下面是我的密码..。

帮助会很感激..。谢谢！:)

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

    var on = document.forms["searchform"]["order"].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;
    }



    if (date != null || date != "")
    {
         var pattern = /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/;
        if(!(pattern.test(date)))
        {
            alert("Please enter the correct date format DD/MM/YYYY");
        return false;
        }

Answer 1

为了让您的radio1 and radio2验证是否检查了其他电台，您需要编写如下代码：if ((!radio1) && (!radio2){}，因为radio1和radio2中的值将为真或假，而不是字符串值。

我会像下面的代码那样编写整个脚本，没有必要进行空检查。

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



if (date !== "")
{
     var pattern = /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/;
    if(!(pattern.test(date)))
    {
        alert("Please enter the correct date format DD/MM/YYYY");
    return false;
    }