이 내 자바 스크립트입니다

Question

<div id="address" class="col s12"> 
      <div class="row"> 
       <form method="post" action="" id="addressDetails"> 
       <div class="input-field col s6"> 
        <textarea id="lAddress" name = 'lAddress' minlength='20' maxlength='100' class="materialize-textarea" class="validate" required length="100"></textarea> 
        <label for="lAddress" data-error="Must be between 20 to 100 Characters">Local Address</label> 
       </div> 
       <div class="input-field col s6"> 
        <textarea id="pAddress" name = 'pAddress' minlength='20' maxlength='100' class="materialize-textarea" class="validate" required length="100"></textarea> 
        <label for="pAddress" data-error="Must be between 20 to 100 Characters">Permanent Address</label> 
       </div> 
       </form> 
      </div> 
      <div class="row center-align"> 
       <button type="submit" name="submitAddress" form="addressDetails" class="waves-effect waves-light light-blue darken-1 btn updateProfile">Save Address Details</button> 
      </div> 
      </div> 

HTML 작업 및 자바 스크립트 코드

$(document).ready(function() { 
    $("button").on('click', '.updateProfile', function(event) { 
     event.preventDefault(); 
    }); 
}); 

되지 않습니다. 나는 그것을 짧게 유지했다. 내 event.preventDefault()이 작동하지 않습니다.

Answer 1

, 그래서 당신의 코드가 같아야합니다 :

$('button.updateProfile').on('click', function(e) { 
    e.preventDefault(); 
}); 

을 A와 .updateProfile을 통과 귀하의 경우에는 on 메서드의 두 번째 인수는 updateProfile내부에 인 요소에 click 이벤트를 바인딩합니다. delegated way에요소가 있습니다.

Answer 2

click 처리기를 잘못 바인딩했습니다.

대신이 코드를보십시오 : <button> 요소가 이미 클래스 updateProfile을 가지고 당신의 HTML 마크 업을 기반으로

$(".updateProfile").on('click', function(event) { 
    event.preventDefault(); 
});