event.preventDefault not working

Question

여기에이 간단한 코드가 있습니다.

$("input#send").submit(function(event){ 
     event.preventDefault(); 
    $.ajax({ 
     type: 'POST', 
     url: add.php, 
     data: data, 
     success: success, 
     dataType: dataType 
    }); 
}); 

는 Whever 나는 event.preventDefault 기능이 작동하지 않습니다는 "보내기"버튼을 클릭하고 페이지가로드됩니다.

왜 그런가?

Answer 1

형태 제출 이벤트가 아닌 버튼이 있습니다. 또한 ID는 고유해야 tag#id은 #id 일 수 있습니다.

$("#theform").submit(function(event) { 
    event.preventDefault(); 
    // ... 
}); 

Answer 2

거짓 반환을 사용해보십시오 대신

$("input#send").submit(function(event) { 
    $.ajax({ 
     type: 'POST', 
     url: add.php, 
     data: data, 
     success: success, 
     dataType: dataType 
    }); 
    return false; 
}); 

Answer 3

나는 이벤트가 형태 요소 인 제출 믿습니다. 입력 [type = 'button']의 경우 click 이벤트를 사용할 수 있습니다.

Answer 4

당신은 폼의 submit 이벤트 또는 버튼의 click 이벤트에 바인딩 및 제출에서 양식을 중지하려면 event.preventDefault()를 호출해야합니다

$('form').bind('submit', function (event) { 
    event.preventDefault(); 
}); 

$('form').find(':submit').bind('click', function (event) { 
    event.preventDefault(); 
}); 

Answer 5

1. 'add.php'
2. 변경 따옴표를 추가 selector를 input#send이 포함 된 양식의 id 특성에 연결합니다.
는

형태보다는 입력에 click 핸들러에 submit() 핸들러 처리의 장점은 어떤 형태 (사용자가 양식 필드 중 하나에 초점을 맞춘 경우) ENTER 키를 누름으로써 전송 될 수 있다는 것이다. id 특성이 없으면 하나를 추가하거나 다른 jQuery 선택기를 사용하여 양식 태그를 대상으로 지정하십시오.

$("#myform").submit(function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type: 'POST', 
     url: 'add.php', 
     data: data, 
     success: success, 
     dataType: dataType 
    }); 
    return false; 
}); 

Answer 6

preventDefault를 사용하는 경우 기본 제출 작업을 원하지 않는다고 가정합니다. 나는 단지 .submit 대신에 다른 이벤트를 사용할 것이다. 나에게 그것은 당신이 가로 채기를 바라는 제출 동작이 아니라, 보통 제출을 야기하는 클릭이다. return false 및 event.stopPropagation() 모두 작동하지 않습니다

$('#inputSend').on('click', function(event) { 
    event.preventDefault(); 
    //the rest 
}); 

Answer 7

경우, 다음 방법을 시도해보십시오. .on()을 사용하면 제출 기능에 액세스 할 수있게됩니다. .submit()을 .on("submit"..)으로 변경하면 return false 또는 e.stopPropagation()을 사용할 수 있습니다.

$(document).on("submit", "input#send", function(event) { 
    event.stopPropagation(); 
    $.ajax({ 
     type: 'POST', 
     url: add.php, 
     data: data, 
     success: success, 
     dataType: dataType 
    }); 
    return false; });