mvc中下拉选择的验证

本文关键字：验证 选择 mvc | 更新日期: 2023-09-27 18:24:37

在MVC形式中，我有一个drop down list，它有3个硬编码的options。

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

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

请告诉我如何处理它。我在这里不使用Model。

mvc中下拉选择的验证

修改您的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链接

您必须使用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.
           }
    });
});
相关文章：