javascript - 有什么方法可以防止在 MVC 5 中提交表单？

Question

我有一个来自。

@using (Html.BeginForm())
{
 // From content 
 <div class="form-group btn-group">
                <button type="submit" class="btnPrimaryStyle btn  col-sm-3 col-xs-12 pull-left">Save</button>
            </div>
}

一切正常。我有一个不合时宜的 dropdwon。我想检查一下，如果选择了下拉值，则可以提交表单，否则不会提交。简而言之，下拉选择是必需的，而且是表格外的。我可以使用 jquery 或 javascript 检查是否选择了 dropdwon 天气的值。我的问题是，如果未选择值，我如何阻止提交表单？

Answer 1

使用 jQuery 很简单:

$("#your-form-id").submit(function (e) { // note that it's better to use form Id to select form
      if($("#YourDropDownID").val() == 0 || $("#YourDropDownID").val() == '') // here you check your drop down selected value
      {
         e.preventDefault(); // here you stop submitting form
      }
}

要将 id 设置为您的 form 使用此重载:

Html.BeginForm(null, null, FormMethod.Post, new { id = "your_form_id" })