유효성 검사기 플러그인을 사용하여 사이트에 다양한 비밀번호 필드를 추가합니다. 각 비밀번호 필드는 성공적인 비밀번호 입력시 관련 다운로드 링크를 릴리스합니다. 문제는 올바른 암호를 입력하면 관련된 다운로드 링크 만 표시되는 것이 아니라 모든 다운로드 링크가 표시된다는 것입니다. 모든 필드는 동일한 암호를 가지며 시간이 지남에 따라 더 많은 파일이 추가 될 것입니다. 모든 파일 대신 관련 다운로드 링크 만 표시하는 방법을 파악하려고합니다.관련 다운로드 링크를 표시하는 jQuery 유효성 검사기
jQuery(document).ready(function(){
jQuery(".article-form").hide();
jQuery(".download-file").hide();
jQuery('.article-link').click(function() {
jQuery(this).siblings('.article-form').fadeIn();
});
jQuery.validator.addMethod("pw_check", function (value) {
return (value == 'password');
}, "Invalid password");
jQuery(".article-form").validate({
rules: {
password: {
required: true,
pw_check: true
}
},
submitHandler: function (form) {
jQuery(".article-form").hide();
jQuery(".download-file").fadeIn("slow");
}
});
});
을의 기억 '.download-file' 모든 항목에서 페이드 인을 실행합니다. 또한, .hide()는 실제로 아무것도 보호하지 않습니다. 그냥 디스플레이에서 숨기는 것입니다. 당신이 보안에 대해 진정으로 걱정하지 않는다면 나는 이것을 추천하지 않을 것입니다. –