必填字段和客户端验证

Question

我已经将[Required(ErrorMessage = "*")]放入模型中

[Required(ErrorMessage = "*")]
[Display(Name = "Amount")]
public decimal Amount { get; set; }

在webconfig中将这些字段设置为true

 <add key="ClientValidationEnabled" value="true" />
 <add key="UnobtrusiveJavaScriptEnabled" value="true" />

和

 @using (Html.BeginForm())
    {
        @Html.ValidationSummary(true)

               <tr>
                    <td>@Html.LabelFor(model => model.Amount)</td>
                    <td>@Html.EditorFor(model => model.Amount )
                @Html.ValidationMessageFor(model => model.Amount )</td>

                        <input onclick="return validate();" style=" margin:20px; width:120px; height:40px;" type="submit" value="ثبت فیش" />

    }

按钮单击不检查验证，将其添加到控制器以进行服务器端验证

 if (ModelState.IsValid)
            {
                obj.DateAdded = DateTime.Now;
                obj.OrderID = id;
                RingSportEntities objEntity = new RingSportEntities();
                objEntity.Payments.Add(obj);
                var p = (from o in objEntity.Orders where o.OrderId == id select o).First();
                p.Status = 2;
                objEntity.SaveChanges();
                return View();
            }
            else { return View(obj); }

现在，它可以在服务器端进行验证，为什么客户端现在可以工作？

Answer 1

尝试这个

<input onsubmit="return $(this).closest("form").valid();" style=" margin:20px; width:120px; height:40px;" type="submit" value="submit!" />

Answer 2

这样尝试

视图

 @using (Html.BeginForm("YourPage", "Controller", FormMethod.Post, new { id = "FrmIndex" }))
        { 
<input type="submit" value="Save" style="float: left;" id="btnSave" title="btn" />
    }

脚本

<script type="text/javascript">
        $(document).ready(function () {


            $("#btnSave").click(function () {

                var validation = $("#FrmIndex"); // My From Id
                if (!validation.valid()) {
                    return false;
                }

            });
        });
    </script>

您必须为验证添加这两个脚本。

<script src="@Url.Content("~/Script/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Script/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>