在提交之前验证表单(使用下拉列表链接复选框)

时间:2014-05-13 14:33:50

标签: javascript jquery validation

如果我能让某人帮助我,那就太好了。我得出的结论是,我不擅长编写验证js。它非常混乱,我不能按照我需要的方式使它的一部分工作。

以下是我在表单页面上的代码:

<form action="/cgi-bin/form.pl" method="post" name="pledgeform" onSubmit="return validate(this)" id="submitform">

<input type="checkbox" name="m_class" value="Presentation 1">
    <select name="Presentation 1_Priority" id="morn_prty">
        <option value="">--Select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
    </select>
<input type="checkbox" name="m_class" value="Presentation 2">
    <select name="Presentation 2_Priority" id="morn_prty">
        <option value="">--Select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
    </select>
<input type="checkbox" name="m_class" value="Presentation 3">
    <select name="Presentation 3_Priority" id="morn_prty">
        <option value="">--Select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
    </select>
<input type="checkbox" name="m_class" value="Presentation 4">
    <select name="Presentation 4_Priority" id="morn_prty">
        <option value="">--Select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
    </select>
<input type="checkbox" name="m_class" value="Presentation 5">
    <select name="Presentation 5_Priority" id="morn_prty">
        <option value="">--Select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
    </select>


<input type="checkbox" name="a_class" value="Presentation 1">
    <select name="Presentation 1_Priority" id="noon_prty">
        <option value="">--Select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
    </select>
<input type="checkbox" name="a_class" value="Presentation 2">
    <select name="Presentation 2_Priority" id="noon_prty">
        <option value="">--Select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
    </select>
<input type="checkbox" name="a_class" value="Presentation 3">
    <select name="Presentation 3_Priority" id="noon_prty">
        <option value="">--Select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
    </select>
<input type="checkbox" name="a_class" value="Presentation 4">
    <select name="Presentation 4_Priority" id="noon_prty">
        <option value="">--Select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
    </select>
<input type="checkbox" name="a_class" value="Presentation 5">
    <select name="Presentation 5_Priority" id="noon_prty">
        <option value="">--Select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
    </select>

    First Name:<input maxlength="50" name="First_Name" size="32" type="text">
    Last Name:<input maxlength="50" name="Last_Name" size="32" type="text">
    Address: <input maxlength="50" name="Address" size="32" type="text"></p>
    Phone:<input maxlength="15" name="Phone" size="32" type="text"></p>
    Fax:<input maxlength="15" name="Fax" size="32" type="text"></p>
    E-mail:<input maxlength="50" name="Email" size="32" type="text"></p>
    Comments:
    <textarea cols="55" name="comments" rows="10" wrap="physical"></textarea>

<input type="submit" value="Submit"> &nbsp; <input type="reset" value="Clear Form">
</form>

这更有效地验证了我遇到麻烦的顶部而不是他们填写的字段。我需要的是在发送表单之前,需要检查以确保选择至少3个上午课程并选择3个下午课程,如果选中此框,则需要填写相关的优先级列表,以便我们可以确定他们喜欢的顺序。 (我还需要限制它,以便在每个部分中检查不超过3个)。如果有人对我如何做到这一点有任何想法,我将不胜感激。

0 个答案:

没有答案