我希望在mvc3中textbox为null时显示错误消息

Question

我有一个控件输入类型是接受将由用户输入的id的文本。 当用户没有输入任何ID时，当他点击按钮获取详细信息时，我必须显示“请在文本框中输入id”的消息。 所有这些都是mvc3中的设计。 现在请帮助我们，我们将如何做到这一点？ 我是mvc3的新手。

更新

这是我的HTML代码：

<div class="centerize">
   <input type="text" name="entryid" value="" placeholder="Enter valid id" style="height:30px; text-align: center"/>
</div> 
<div class="centerize" style="height:20px"></div>
<div class="centerize">
  <input type="submit" value="Submit" style="height: 30px; width: 100px"/>
</div> 
<div class="centerize">
   @Html.ValidationSummary()
</div>

Answer 1

如果您想在服务器端执行此操作，请在字段中添加必需的数据注释：

[Required]
public string UserId{get;set;}

并且，如果您想在客户端执行此操作，请使用此脚本;

<script>
$('input:submit').click(function()
{
    var $entryId=$('input[name="entryid"]').val();    
     if($entryId.trim()=="")
     {
       alert("Entry Id is required!");
      return false;  
     }
});
</script>

Answer 2

如果你想使用Javascript验证：

 @Html.TextBoxFor(m=>m.userid,new {id="userid"})

JS：

$(#submit).click(function()
{
    var data=$("#userid").val();

     if(data.length==0)
     {
       alert("Please enter user id");
      return false;  
     }
});

如果要对模型使用data annotations进行验证，只需使用[Required]属性即可

字段userid