JQuery 유효성 검사 플러그인 문제

Question

jquery 유효성 검사 플러그인을 사용하고 있습니다. 그것은 간단한

<form name="profileForm" id="profileForm" action="@Url.Content("~/myprofile")" method="post" enctype="multipart/form-data"> 
       <input type="text" class="name input" placeholder="First name" name="FirstName" id="FirstName" value="@Request["FirstName"]"/> 
       <input type="text" class="company input" placeholder="Last Name" name="LastName" id="LastName" value="@Request["LastName"]"/> 
       <textarea class="tarea input" placeholder="About" name="AboutUser">@Request["AboutUser"]</textarea> 

MVC 4에서 내 사이트의 형태와 사용 나는 "FIRSTNAME"필드에 "필요한"클래스를 추가 할 때

</body> 
</html>   



    <script src="/Scripts/jquery-1.8.2.js"></script> 


     <script src="/Scripts/jquery.unobtrusive-ajax.js"></script> 
    <script src="/Scripts/jquery.validate.js"></script> 
    <script src="/Scripts/jquery.validate.unobtrusive.js"></script> 
    <script src="/Scripts/additional-methods.js"></script> 




    <script type="text/javascript"> 
     $(document).ready(function() { 


     $('#profileForm').validate({ 
      rules: { 
       FirstName: { 
        required: true, 
        number: true 
       }, 
      } 
     }); 

    }); 




    </script> 

상황이 잘 작동 일부 클라이언트 측 스크립트이며, 플러그인의 유효성을 검사하여 유효성을 검사 할 수 있습니다. 그러나, 그렇게하지 않으면 (위의 코드에서했던 것처럼) 플러그인의 유효성을 검사하면 작동하지 않습니다. 누락 된 부분이 있거나 유효성 검사 플러그인에 제약이 있습니다.

Answer 1

</form> 태그를 추가하면 코드가 정상적으로 작동합니다. 아마도 의 HTML이 예상과 다르게 보입니다.

Browser -> View Source 

... 각 필드에 대한 name 속성 확인은 일치하는 name 당신이 당신의 rules에 대한 .validate() 내에서 지정했습니다.

DEMO : http://jsfiddle.net/skt3b/

jQuery를 :

$(document).ready(function() { 

    $('#profileForm').validate({ 
     rules: { 
      FirstName: { 
       required: true, 
       number: true 
      } 
     } 
    }); 

}); 

HTML :

<form id="profileForm" name="profileForm" action="" method="post" enctype="multipart/form-data"> 
    <input type="text" name="FirstName" id="FirstName" class="name input" placeholder="First name" value=""/> 
    <input type="text" name="LastName" id="LastName" class="company input" placeholder="Last Name" value=""/> 
    <textarea name="AboutUser" class="tarea input" placeholder="About"></textarea> 
    <input type="submit" /> 
</form>