0

約 5 つのオプションを含むドロップダウン メニューと、それをフォームとして送信するボタンがあります。onclickで検証を実行できるかどうか疑問に思っていたので、たまたま選択されたオプションに対して別の検証を行うことができます。

したがって、たとえば、ユーザーがオプション Milk を選択してボタンをクリックすると、onclick は方法 A を使用して検証します。ユーザーがオプション Cheese を選択してボタンをクリックすると、onclick は方法 B を使用して検証します。

現時点では、選択したすべてのオプションに対して単一の検証を使用するために onclick しか取得できません。

ご協力いただきありがとうございます。

4

3 に答える 3

0

関数 onClick で、選択した値を確認します

function methodA(){
    //
}
function methodB(){
    //
}

function doOnClick(){
    switch($('your-select').val()){
        case 0 :
           methodA();
        break; 

        case 1 :
           methodB();
        break; 
    }
}
于 2013-07-15T13:02:02.237 に答える
0

HTML:

<form id="formid">
    <select id="selectid">
        <option value="milk"> Milk </option>
        <option value="sugar"> Sugar</option>
    </select>
</form>

JS:

var validationRules = {
    'milk': function(){
        // validate
        return false;
    },
    'sugar': function(){
        // validate
        return true;
    }
}

var form = document.getElementById('formid');
var select = document.getElementById('selectid');


select.addEventListener('change', function(){
    var value = this.options[this.selectedIndex].value;
    form.valid = validationRules[value]();
});


form.addEventListener('submit', function(){
    return this.valid;
});
于 2013-07-15T13:02:28.157 に答える