JQuery 모바일 검증

Question

Jquery 모바일 및 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를 지정합니다. 방금 즉 체크하는 것은 비어 있지 않은 경우, jQuery를에

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

을한다. 또한 아마 버튼에 ID를 사용해야하므로 : 버튼 선택기를 사용할 필요가 없습니다.