在MVC中下拉選擇的驗證

Question

在MVC形式中，我有一個drop down list ，其中包含3個硬編碼options 。

                <select name="ComparisonType">
                    <option>select ..</option>
                    <option>Life</option>
                    <option>Income</option>
                </select>

在表單上，​​提交值將被保存，但需要為“第一選項”添加驗證。 如果用戶提交表格，他應該會看到消息。

請建議如何處理。 我不在這里使用模型。

Answer 1

修改您的html，如下所示：

 <select name="ComparisonType">
   <option value="0">select ..</option>
   <option value="Life">Life</option>
   <option value="Income">Income</option>
 </select>

jQuery的：

$('form').submit(function(e){
  if($('select[name=ComparisonType]').val() == "0")
  {
    alert("Please select any value from dropdown");
    e.preventDefault();  //or return false;
  }
});

編輯：-

演示鏈接

Answer 2

您將必須使用Javascript / Jquery來實現此功能，因為這里沒有使用模型。 因此，您可以使用此代碼來解決，該代碼將驗證您提交表單時的下拉菜單。 開始 ：

<script type="text/javascript">
    $(document).ready(function () {
        $('#submitButtonId').click(function (){
           var period = $("#dropdownId option:selected").text();
           if (period == "select") {
               //means first option is selected.
           }
           else {
              //some other option is selected.
           }
    });
});