Question

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

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

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

请告知如何处理它。我这里没有使用Model。

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;
  }
});

修改： -

DEMO Link

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.
           }
    });
});

mvc中的下拉选择验证

2 个答案: