EnumDropDownListの選択に基づいてテキストボックスを検証します

Question

私はテキストボックスと私のビューにEnumDropDownListを持っています。列挙型のドロップダウンリストには、今の値

--Select-- 
Red 
Amber 
Green 

を持っている

私はドロップダウン列挙型から赤やオレンジ色のいずれかを選択した場合、テキストボックスが空白であってはなりません。緑を選択すると空白にすることができます。

私はMVCとjQueryを初めて使っています。

これはデータアノテーションのみを使用して解決できますか？

これにjQueryを使用する方法が必要な場合は、

Answer 1

あなたのビュー、またはRazorViewに。私はあなたがRazorViewを使用しているかどうかわからないので、HTMLヘルパーを使用するつもりはありません。

<input type="text" id="myTextBox" value=""/> 

<select id="myselect"> 
    <option value="1">Red</option> 
    <option value="2">Amber</option> 
    <option value="3">Green</option> 

</select> 

jQueryがASP.net MVCを使用していると仮定すると、デフォルトでそこにあります。

<script> 
$(document).ready(function(){ 

    $("#myselect").on("click", function(){ 

     if($("#myselect").val() == 3){ 
     $("#myTextBox").val(""); 
    }; 


    }); 



}); 

</script>