ASP.NET MVC 5 응용 프로그램에서 유효한 양식 일 때 트리거 jQuery 함수

Question

ASP.NET MVC 5 응용 프로그램을 만들고 있습니다. 양식을 제출할 때 응용 프로그램의 양식이 유효한지 확인하는 jQuery 또는 JavaScript를 작성해야합니다 (jQuery Validate 사용). 양식이 유효한 경우 양식은 동시에 제출하고 경고 상자를 표시해야합니다 (현재). 지금까지 this post을 사용하여 코드를 조각했지만, 저에게는 효과가 없습니다.

$('form').submit(function() { 
    alert('test'); 
}); 

을하지만 나를 위해 작동하지 않습니다 :이 코드는 제대로 작동

$('form').submit(function() { 
    if ($(this).valid()) { 
    alert('the form is valid'); 
    } 
}); 

나는 다음과 같은 오류가 점점 오전 :

Uncaught TypeError: $(...).valid is not a function

이해가 안 왜이 코드 다른 사람들을 위해 일했지만 그것은 나를 위해 일하지 않습니다. 내가 어디로 잘못 가고 있니?

경고 상자를 표시하고 양식이 유효 할 때 양식을 제출하는 제출 단추를 얻으려면 어떻게해야합니까?

Answer 1

사용중인 jquery 버전은 무엇입니까? Chrome 브라우저의 네트워크 탭에서 선택했을 때 동일한 오류가 발생했습니다. 내 앱에서 jquery 1.10.2를 사용하고있었습니다. jQuery 유효성 검사기는 1.7.2, 1.8.3, 1.9.1, 1.11.1, 3.1.1에서만 작동합니다. 이 플러그인 페이지 당입니다 - https://jqueryvalidation.org/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.js"></script> 

<script> 
    $(document).ready(function() { 

    $('#sampleForm').submit(function() { 
     if ($(this).valid()) { 
      alert('valid'); 
     } 
     else { 
      alert('not valid'); 
     } 
    }); 
}); 
</script> 
<div class="jumbotron"> 
    <h1>ASP.NET</h1> 
    <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p> 
    <p><a href="http://asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p> 
</div> 

<div class="row"> 
    <form id="sampleForm"> 
    <input type="text" /> 
    <input type="submit" value="Submit" /> 
    </form> 
</div> 

당신이 bundleConfig.cs을 확인 VS MVC 프로젝트를 사용하는 경우, 그것은 jQuery를 다른 버전을 다운로드합니다. 필요한 버전의 jQuery를 다운로드하는지 확인하거나 테스트를 위해 jQuery를 다운로드하는 config 행에 주석을 달아라.