event.preventDefault 함수가있는 경우 ajaxForm이 작동하지 않습니다.

Question

안녕하세요, jQuery Form Plugin을 사용하여 파일로 양식을 제출하려고합니다. HTML5 속성을 사용하여 양식을 유효성 검사 중이므로 그 이유를 추가했습니다. 'event.preventDefault();'

문제는 작동하지 않으며 오류 메시지가 표시되지 않습니다. 당신이 HTML5 유효성 검사를 사용하는 경우

이 여기에 코드를

function showResponse(responseText){ 
    alert(responseText); 
} 
function beforeSub(){ 
    alert("called"); 
} 
$('#prodFormBtn').click(function(){ 

$("#addProductForm").ajaxForm({ 
    beforeSubmit: beforeSub, 
    success: showResponse 
}).submit(function(e){ 
    e.preventDefault(); 
}); 

Answer 1

시도 : 아약스에 의해 형태가, 당신은 단지 성공 이벤트 핸들러 (showResponse)를 설정해야하지만

$(document).ready(function() { 
    function showResponse(responseText){ 
    alert(responseText); 
    } 

    function beforeSub(){ 
    alert("called"); 
    } 

    $("#addProductForm").ajaxForm(showResponse); 
}); 

기능 ajaxForm 상호 작용을합니다.

Answer 2

있어, 그 검증은 브라우저가 양식 제출에 무엇의 일부입니다. HTML5 유효성 검사를 실행하려면 양식 제출시 preventDefault()을 사용하지 마십시오.