MVC.net jQuery 유효성 검사

StackOverflow https://stackoverflow.com/questions/61456

  •  09-06-2019
  •  | 
  •  

문제

수년 동안 JavaScript를 피하려고 노력한 후 Iv는 Query를 사용하기 시작했습니다. 확인 MVC asp.net에서는 공식적인 검증 방법이 없는 것 같아서 jQuery가 얼마나 좋은지 놀랐습니다.

먼저 jQuery 및 해당 유효성 검사 플러그인에 대해 Intellisense를 작동시켜 API를 배워야 하는 방법이 있습니까?

두 번째로 이에 대한 유효성 검사 요약을 만드는 방법은 현재 텍스트 상자 오른쪽에 오류를 추가합니다.:

<script type="text/javascript">
$().ready(function() {
$("#CreateLog").validate({
        rules: {            
            UserName: {
                required: true,
                minLength: 2,

            }
        },
        messages: {

            UserName: {
                required: "Please enter a username",
                minLength: "Your username must consist of at least 2 characters",

            }
        }
    });
});
</script>

<form id="CreateLog" action="Create" method="post" />   
        <label>UserName</label><br />
        <%=Html.TextBox("UserName")%> 
         <br />  
          <div class="error"> </div>
        <input  type=submit value=Save />
       </form>

나는 이것을 스크립트에 추가하려고 시도했습니다.

 errorLabelContainer: $("#CreateLog div.error")

그리고 이것은 HTML에:

  <div class="error"> </div>

그러나 이것은 작동하지 않았습니다.

도움이 되었습니까?

해결책

옵션에서 래퍼와 라벨 컨테이너를 모두 지정해 보세요.나도 추가했다 display:none; 오류 컨테이너 스타일을 사용하여 jQuery가 오류를 표시할 시기를 결정할 수 있습니다.

$().ready(function() {
  $("#CreateLog").validate({
    errorLabelContainer: $("ul", $('div.error-container')),
    wrapper: 'li',
    rules: {            
        UserName: {
            required: true,
            minLength: 2,

        }
    },
    messages: {
      UserName: {
        required: "Please enter a username",
        minLength: "Your username must consist of at least 2 characters"
      }
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="error-container">
  <ul></ul>
</div>

<form id="CreateLog" action="Create" method="post" />   
  <label>UserName</label><br />
  <%=Html.TextBox("UserName")%> 
  <br />  
  <input  type=submit value=Save />
</form>

그러면 효과가 있을 것입니다.

다른 팁

Visual Studio 2008 핫픽스가 있습니다. JQuery IntelliSense ~에 VS2008 .이는 SP1에도 번들로 제공되었을 수 있습니다.

jquery(및 기타 플러그인)용 intellisense 관련:자신의 스크립트 파일에도 전체 intellisense를 포함하려면 intellisensee를 원하는 각 파일에 대해 .js 파일 상단에 다음 줄을 한 번씩 포함하면 됩니다.

/// <reference path="[insert path to script file here]" />

간단하지만 매우 유용합니다 =)

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top