jQuery를 사용하여 버튼 클릭시 이벤트를 트리거하는 방법

Question

나는 체크 박스 방식으로 특정 요일을 선택할 수있는 약속 플러그인이 있습니다. 필드에 대한 사용자 지정 유효성 검사를 추가했습니다. 모든 것이 잘 작동합니다. 다음을 클릭하고 다음 단계에 도달하면 뒤로 버튼이 있습니다. 뒤로 버튼을 클릭하면 데이터를 새로 고치지 않고 양식으로 이동하므로 내 CUSTOM VALIDATION 일이 작동하지 않습니다.

다음

내 코드는이

jQuery(document).ready(function(){ 
    setTimeout(function(){ 
    jQuery(".ladda-button").attr('onclick','oniter()'); 
    },1750); 
}); 

function oniter(){ 
    if (jQuery(".valid").find(".active").length>=1) { 
    alert(123); 
    } else { 
    jQuery('.removeval').remove(); 
    jQuery(".validation_text").append("<font class='removeval'>Please Select a Day</font>"); 
    } 
    jQuery(".valid").on ('change',function(){ 
    jQuery(".validation_text").remove(); 
    });  
} 

이 어떻게 내 검증 작업이다. 유효성 확인을 위해 뒤로 버튼을 클릭하면 전체 프로세스가 트리거됩니다. 어떻게 생각하세요?

Answer 1

jQuery(document).ready(function(){ 
    jQuery(document).on('click','.ladda-button',function(){ 
    oniter(); 
    }); 
}); 

function oniter(){ 
    if (jQuery(".valid").find(".active").length>=1) { 
    alert(123); 
    } else { 
    jQuery('.removeval').remove(); 
    jQuery(".validation_text").append("<font class='removeval'>Please Select a Day</font>"); 
    } 
    jQuery(".valid").on ('change',function(){ 
    jQuery(".validation_text").remove(); 
    }); 
} 

Answer 2

양식의 뒤로 버튼에는 클래스 또는 ID가 있어야합니다. 맞습니까? 다시 버튼을 클릭하면 같은 setTimeout을 트리거합니다. f.e.

jQuery(document).on('click','.back-button',function(){ 
    setTimeout(function(){ 
    jQuery(".ladda-button").attr('onclick','oniter()'); 
    },1750); 
});