自定义验证属性不适用于按钮单击

时间:2013-07-29 11:07:44

标签: c# asp.net-mvc asp.net-mvc-3 asp.net-mvc-4 razor

我创建了一个函数,用于根据下拉列表中的选项对文本框输入的值进行验证.. ..suppose如果下拉列表选项是金额,则文本框中输入的值必须在在10 t0 20之间,我有两个更多的验证..为此目的,我有一个文本框和一个dropdwonlist和我的视图中的一个按钮

当我在文本框中输入值为30并选择下拉列表项作为“金额”然后单击提交按钮时,视图未显示任何错误消息(如果我将文本框保留为空,然后按提交按钮它应该显示错误消息但它没有显示)(我已经编写了自定义函数来验证服务器端的这些) 我在postValues方法中设置了一个断点,但它没有击中......

因为我这样做(控制器部分)

  public class CrossFieldsTxtboxesController : Controller
  {
        public ActionResult Index()
        {
            var itemsforDropdown = new List<SelectListItem> {             
                new SelectListItem{ Text = "Amount" , Value = "Amount"},
                new SelectListItem{Text= "Pound", Value ="Pound"},
                new SelectListItem {Text ="Percent", Value ="percent"}            
            };
            ViewData["Listitems"] = itemsforDropdown;
            return View("DdlCrossFields");
        }
        [HttpPost]
        public ActionResult PostValues(CrossFieldValidation model)
        {
            if (!ModelState.IsValid)
            {
                return View(model);
            }
            else
            {
                return RedirectToAction("DdlCrossFields");                
            }            
        }    
    }

这是我的观点部分

@model MvcSampleApplication.Models.CrossFieldValidation
@{
    ViewBag.Title = "DdlCrossFields";
}    
<h2>DdlCrossFields</h2>
@using (Html.BeginForm())
{   
    <div class ="editor-field">
      @Html.TextBoxFor(m => m.TxtCrossField)
       @Html.ValidationMessageFor(m=>m.TxtCrossField)
    </div>
    @Html.DropDownList("Listitems",ViewData["Listitems"] as SelectList)
    <input id="PostValues" type="Submit" value="PostValues" />
}

这是我的模特部分

public class CrossFieldValidation
{        
    public string DDlList1
    { get; set; }

    [Required(ErrorMessage = "Quantity is required")]
    [Display(Name= "Quantity:")]
    [ValueMustbeInRange]
    [NumericAttributes] 
    public string TxtCrossField
    { get; set; }
}

任何人都知道为什么它不适用于按钮点击,任何建议也将不胜感激 非常感谢..

2 个答案:

答案 0 :(得分:1)

我没有看到您指定应该处理POST请求的操作的任何地方(在您的情况下为PostValues)。您可以使用Html.BeginForm的重载并明确指定POST操作名称:

Html.BeginForm("PostValues", "CrossFieldsTxtboxes")

如果我是对的,您的POST请求会转到Index操作,因此不会在那里检查ModelState.IsValid

您可以使用jQuery Unobtrusive验证插件使用客户端验证。请检查web.config文件中是否有以下密钥:

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

但请注意,自定义验证属性需要额外的JavaScript代码才能在客户端上运行。

答案 1 :(得分:0)

当你发帖时,我没有看到你实际调用该方法的位置 - 你有一个javscript点击处理程序吗?

您需要在Html.BeginForm()中找到要转到的方法和控制器,或者在视图中可以使用以下内容:

 @Html.ActionLink("Post Values", "PostValues", "CrossFieldsTxtboxesController", null, new { @class = "postValuesButton", onclick = "return false;" })