1

これ以下のように、Web メールフォームに 4 つのドロップダウンがあります

<select  name="newstaff"  class="formStyle" style="width:335px;" >
<option value="N/A">Please Select</option>
---- other options ---
<select name="allstaff"  class="formStyle" style="width:335px;" >
<option value="N/A">Please Select</option>
 ---- other options ---
<select  name="learning"  class="formStyle" style="width:400px;" >
<option value="N/A">Please Select</option>
---- other options ---
<select  name="leaders"  class="formStyle" style="width:335px;" >
<option value="N/A">Please Select</option>
---- other options ---

ユーザーが少なくとも 1 つのドロップダウンから他のオプションを 1 つも選択せずにこのフォームを送信しようとした場合にアラートを表示する検証関数を作成するにはどうすればよいでしょうか。

ありがとう

編集：

フォームの検証に使用されるコード:

function validateForm(objForm)
{
    var returnStatus = 1;

    if (objForm.newstaff.selectedIndex == 0) {
        alert("please make a selection!");
        returnStatus = 0;
    };
    if (returnStatus) {
        objForm.submit();
    }
}
4

1 に答える 1

1

あなたは近かった。ここでの違いは、タグ名が の要素の配列を取得することですselect。

validateForm = function(objForm) {
    var i = 0,
        valid = false,
        elements = objForm.getElementsByTagName("select");

    for ( ; i < elements.length; i++) {
        if (elements[i].selectedIndex) {
            valid = true;
            break;
        }
    }

    if (valid === true) {
        objForm.submit();
    } else {
        alert ("Please make a selection!");
    }
}
于 2012-11-30T13:15:51.917 に答える