驗證鏈接選擇

Question

我有一個這樣的形式： -

<table border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td><div id="subjectList1"> 
     <select name="language[]" class="required" id="f61"> 
     <option value="" selected="selected">-</option> 
     <option>English</option> 
     <option>Malay</option> 
     <option>Mandarin</option> 
     <option>Tamil</option> 
     <option>Arabic</option> 
     </select> 
    </div></td> 
    <td>&nbsp;</td> 
    <td><select name="spoken[]" class="required"> 
     <option value="" selected="selected">-</option> 
     <option value="Spoken">Spoken</option> 
     <option value="Written">Written</option> 
     <option value="Spoken and written">Spoken and written</option> 
    </select></td> 
    <td>&nbsp;</td> 
    <td><select name="fluency[]" class="required"> 
     <option value="" selected="selected">-</option> 
     <option value="Basic">Basic</option> 
     <option value="Average">Average</option> 
     <option value="Fluent">Fluent</option> 
     <option value="Mother tongue">Mother tongue</option> 
    </select></td> 
    <td>&nbsp;</td> 
    <td><input type="checkbox" value="other" id="showOther1" /></td> 
    <td>&nbsp;</td> 
    <td>Others</td> 
    <td>&nbsp;</td> 
    <td><div id="otherLanguegeReq1"><input type="text" id="language1" style="display:none;" class="required" /></div></td> 
    </tr> 
</table> 
    <br /> 

我可以驗證「口語[]」的dropdown- & dropdown-「流暢[]」的時候，語[]的值不空？

對此有何看法？

感謝提前

Answer 1

你當然可以調用類似下面的onsubmit或當你想驗證它。在每個函數中，您可以創建一條消息或.addClass（「不完整」）以直觀地設置所需元素的樣式。

function ValidateInputs() { 
    var complete = true; 
    if($("#f61 option:selected") != ""){ 

    $(".required").each(function() { 
     if ($(this).val().length == 0) { 
     complete = false; 
     } 
    }); 

    if (!complete) { 
     alert("Please ensure that you have completed all required fields."); 
    } 

    } 
    return complete; 
}