3 개의 양식이있는 웹 페이지가 있습니다. 중첩되지 않고 차례대로 (거의 동일하며 다른 하나의 숨겨진 변수 만 있음). 사용자는 하나의 양식 만 작성하고 하나의 JS 스크립트로 모든 양식의 유효성을 검사하고 싶습니다.
그렇다면 사용자가 form # 1의 제출 버튼을 클릭 할 때 js 스크립트가 form1의 필드 만 처리하도록하려면 어떻게해야합니까? 나는 그것이 $ (this) .parents와 관련이 있다고 생각하지만 어떻게 해야할지 모르겠습니다.
내 유효성 검사 스크립트 (다른 곳에서 단일 양식 만 사용)는 다음과 같습니다.
$(document).ready(function(){
$("#submit").click(function(){
$(".error").hide();
var hasError = false;
var nameVal = $("#name").val();
if(nameVal == '') {
$("#name").after('Please enter your name.');
hasError = true;
}
if(hasError == false) {blah blah do all the processing stuff}
그래서 $ ( "# name"). val () 같은 것을 $ (this) .parents ( 'form'). name.val ()으로 바꿔야합니까? 아니면 이것에 대해 더 좋은 방법이 있습니까?
감사!