javascript验证

我有两个单选按钮。每一个都有一个关联的文本框。如果我单击一个单选按钮，然后提交，如果关联的文本框为空，则应显示一个警报框。我怎样才能做到这一点

<form action="#" name="form1" id="form1" method="post" onsubmit="return check_workorder()">
     <input type="radio" name="click" id="click1" checked="checked" value="date"/>
            <strong>Start Date&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <input type="text" id="my_date_field" name="my_date_field" class="datepicker" style="width:80px;"/>
              </strong>
            <script language="JavaScript" type="text/javascript">
            new Control.DatePicker('my_date_field', { icon: 'images/calendar.png' });
            </script>
            </br><br />
            <input type="radio" name="click" id="click2" value="order" />
            <strong>Work order no
            <input type="text" name="workno" id="workno" style="width:100px;"/>
            </strong><span class="submit">
            <input type="submit" name="submit" value="submit" onclick="return check_workorder()"/>

---

好的，你能告诉我们到目前为止你写的方法吗？这样我们就可以帮你解决你的问题了。嗨，迪内什。一般来说，最好提交一些带有这样一个问题的代码，并包含尽可能多的信息。例如，您使用的是jQuery之类的东西，还是希望使用普通的旧JavaScript进行验证？请也显示输入和单选按钮的html。好的，您可以向我们展示您迄今为止编写的方法吗？这样我们就可以帮你解决你的问题了。嗨，迪内什。一般来说，最好提交一些带有这样一个问题的代码，并包含尽可能多的信息。例如，您使用的是jQuery之类的东西，还是希望使用普通的旧JavaScript进行验证？请也显示输入和单选按钮的html。

function check_workorder() {
    if (document.forms.form1.elements.click.value == "date") {
        var dat = (form1.my_date_field.value);
        if (dat == "") {
            alert("please select date");
            return false;
        }
    } else if (document.forms.form1.elements.click.value == "order") {
        var wor = (form1.workno.value);
        if (wor == "") {
            alert("please enter work order no");
            return false;
        }
    }
}

if (document.forms.form1.elements.click.value == "date") {
    if (document.forms.form1.elements.click.checked) {
    //the radio button is checked
    }
}