MVC中的JQuery必需TextBox验证和错误消息

时间:2013-01-20 18:41:03

标签: c# jquery asp.net-mvc

如果这看起来像是一个愚蠢的问题,我提前道歉但是在做了相当多的搜索之后我要么不能把正确的部分放在一起,要么根本找不到正确的答案。无论如何,我有这个模型:

public class Resort
{
    public int ID { get; set; }
    public String Name { get; set; }
    public int BlackDiamond { get; set; }
    public int BlueSquare { get; set; }
    public int GreenCircle { get; set; }
    public int TerrainPark { get; set; }
}

我有一个视图,它创建TextBoxes作为每个变量的输入。我需要做的是设置一些JQuery验证,以确保每个TextBox中都有一个值,更具体地说,int的TextBoxes中有数字。

在做了一些研究后,我只是不确定如何设置视图的脚本,或者我是否应该依赖模型中的数据注释?任何帮助都会受到赞赏,即使它只是指向我正确的研究方向,我在这里学习。谢谢。

1 个答案:

答案 0 :(得分:1)

如果是必填字段,请将RequiredAttribute添加到字段中:

[Required]
public int BlackDiamond { get; set; }

如果您还想要自定义消息,请将其添加到属性:

[Required(ErrorMessage="Please enter a number")]
public int BlackDiamond { get; set; }

如果您想要内置的jQuery验证,请确保使用强类型帮助程序:

@Html.TextBoxFor(m => m.BlackDiamond) // you can also use EditorFor

您还需要包含对UnobtrusiveValidation和jQuery Validate插件的脚本引用,以获得自动验证。

仅供参考,如果您不熟悉MVC中的验证,这似乎是一个很好的起点:http://msdn.microsoft.com/en-us/VS2010TrainingCourse_ASPNETMVC3FormsandValidation

编辑:只是为了让这个答案更加完整,如评论中所述:要查看与每个控件相关的错误消息,您需要添加验证助手:{{1} }