JQuery 초보자 : JQuery 유효성 확인 내부에서 Javascript 함수 호출

내 질문은 유사합니다 Call javascript function from jquery success; 하지만 AJAX를 사용하지는 않습니다.JQuery 초보자 : JQuery 유효성 확인 내부에서 Javascript 함수 호출

매우 간단히 말해서 Google지도 웹 앱의 일부로 양식 (우편 번호 만 사용)의 유효성을 검사하고 있습니다. 유효성 검사 코드는 다음과 같은 수 있습니다 :

$(document).ready(function($) 
{ 
    $("#clientInput").validate 
    ({ 
    debug: true, 

    rules:{zipcode: {required:true, minlength:5, maxlength:10, digits: true}}, 

    messages: {zipcode: {required: "You need to provide at least a zipcode.", minlength: "Please enter at least 5 digits", maxlength: "You've entered too many digits, please re-enter."}}, 


    }); 

    searchlocations(); 
});

굵은 함수 호출이 날 stymieing 무엇, 그것은 구글지도 API 함수를 호출이다 그러나 그것은 결코 호출되지됩니다. Google지도 자바 스크립트는이 코드 앞에로드되지만 (별도의 파일에 있음에도 불구하고) 유효성 검사 코드를 추가하기 전에 제출 버튼의 onclick() 이벤트를 통해 함수를 호출했습니다.

양식 유효성 검사가 성공적으로 수행되면이 함수를 호출하는 방법은 무엇입니까?

TIA!

출처

2010-11-18 phileas fogg

유효성 확인을 위해 기능을 submitHandler으로 만들어야합니다.

출처

2010-11-18 03:31:53 Chuck

척이 맞습니다. 여기하지만, 도움이되는 예입니다 :

submitHandler: searchLocations

출처

2010-11-18 03:45:40 attack

감사합니다 모두, 난 정말 감사 : 만 searchLocations를 호출해야하는 경우

$(document).ready(function($) { $("#clientInput").validate ({ debug: true, rules:{zipcode: {required:true, minlength:5, maxlength:10, digits: true}}, messages: {zipcode: {required: "You need to provide at least a zipcode.", minlength: "Please enter at least 5 digits", maxlength: "You've entered too many digits, please re-enter."}}, submitHandler: function() { searchlocations(); } }); });

, 당신은 단지 직접 searchLocations 기능을 할당하여이 더 간단 할 수있다 도움. –

불행히도 Attack의 예제 (잘라 내기와 붙여 넣기만으로 잘못 입력하지 않았 음)를 시도했을 때 searchlocations가 정의되지 않았다는 오류가 발생합니다. 내가 두 번 확인하고 해당 기능을 포함하는 파일이 유효성 검사 코드 전에 페이지에 의해로드 된 그래서 내가 왜이 오류가 점점 혼란스러워. –

searchLocations가 어딘가에 중첩되어 있다는 것을 의미하는 searchLocations 함수를 찾을 수없는 것처럼 들립니다. searchLocations 함수는 어디에서 어떻게 정의됩니까? – attack

JQuery 초보자 : JQuery 유효성 확인 내부에서 Javascript 함수 호출

답변

관련 문제