jquery-mobile - JQuery 移动验证

Question

我正在使用 Jquery mobile 和 MVC4 在 VS2010 中开发移动应用程序。您能否告诉我如何在提交时最好地验证下面代码段中的文本框？我只需要检查它是否包含一个值。理想情况下，我想在此 div 下方放置一条错误消息。

<div data-theme="a" class="ui-grid-a">
     <div class="ui-block-a">@Html.TextBox("id", "", new { @class = "mystyleclass", onclick = "this.value=''" })</div>   
     <div class="ui-block-b">
          <button type="submit" data-theme="b">Search</button>
     </div>
</div>

Answer 1

如果您使用的是 MVC，此文本框是否连接到模型元素？在这种情况下，在模型中添加上面的 [Required] 标记，使其成为@html.texboxfor，然后在 html 元素下方有一个 validationMessageFor。如果你只是检查那不​​是空的，那么做

<script>
$(":button").click(function(){
   if($("#id").val()!=""){
        //whatever you're trying to submit    
   }
   else{
       //show your error message
   }
});
</script>

在 jQuery 中。此外，您可能应该在按钮上使用 id，这样您就不必使用 :button 选择器。