验证mvc中的下拉选择答案

【问题标题】：validation for drop down select in mvc验证mvc中的下拉选择
【发布时间】：2014-11-19 18:17:34
【问题描述】：

在MVC 表单中，我有一个drop down list，其中有3 个硬编码options。

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

表单提交值将被保存，但需要为第一个选项添加验证。如果用户提交表单，他应该会看到消息。

请告知如何处理。我这里没有使用模型。

【问题讨论】：

为此目的使用 jquery。
在提交表单时调用 javascript 函数，该函数将验证您的下拉列表。如果用户选择了该值，则继续下一步，否则会提示一条消息。

标签： c# .net asp.net-mvc asp.net-mvc-3 asp.net-mvc-4

【解决方案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;
  }
});

编辑：-

DEMO Link

【讨论】：

【解决方案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.
           }
    });
});

【讨论】：