必填字段和客户端验证

本文关键字：客户端 验证 字段 | 更新日期: 2023-09-27 18:30:44

我已经把[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); }
现在，

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

必填字段和客户端验证

试试这个

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

试试这样，

视图 

 @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>
相关文章：