양식을 제출하기 전에 데이터를 변경하십시오.

Question

facebook.I에서 양식을 제출하기 전에 텍스트 상자에서 텍스트를 암호화 할 수 있기를 바랍니다. beforeSerialize 또는 beforeSubmit과 함께 ajaxFORM 플러그인을 시도했지만 암호화가 이루어지지 않습니다. 암호화 기능을 따르는 코드에서 디버깅 purpose.The 경고에 대한 경고와 함께 스크립트를 실행하고 facebook.Also 내가 제출 버튼을 누르면 페이지를 새로 고쳐달라고하고 내가 원하지 않는 제출 버튼을 누르면 안된다.

var s = document.createElement('script'); 
s.setAttribute('src', 'http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js'); 
document.body.appendChild(s); 


var f = document.createElement('script'); 
f.setAttribute('src', 'http://malsup.github.com/jquery.form.js'); 
document.body.appendChild(f); 

var c = document.createElement('script'); 
c.setAttribute('src', 'http://malsup.github.com/chili-1.7.pack.js'); 
document.body.appendChild(c); 



s.onload=function(){ 


$(document).ready(function() { 
    // bind form using ajaxForm 
    $(document.activeElement).closest("form").ajaxForm({ 
    beforeSerialize:   alert($(document.activeElement).val()) }); 
}); 


}; 

Answer 1

당신은 제출 버튼에 클릭 이벤트를 호출하여 제출하기 전에 발생하는 상황을 제어 할 수 있습니다 : 버튼이 정상적으로 뒤에 것처럼 행동하려는 경우

$("#submit_button").click(function(event) { 
    event.preventDefault(); 

    alert("Encrypting..."); 
}); 

당신은 또한 event.preventDefault();을 삭제할 수 있습니다 님이 귀하의 클릭 이벤트를 처리했습니다. 당신이 이벤트를 직접 제출 트리거 할 경우, 내가 사용하는 것이 좋습니다 것 event.preventDefault();

참고 : 나는 다른 이벤트 (클릭, 변경, 등)의 실행 순서에 차이가 알고

; 예 : 동일한 체크 박스에서 변경 및 클릭 이벤트가 발생하면 Firefox에서 (클릭 한 다음 변경) 클릭하거나 Chrome에서 (변경 한 후 클릭)합니다. 단추의 클릭 및 제출 이벤트가 동일하면 preventDefault을 사용하는 것이 좋습니다. 그러면 양식을 제출할 준비가되었을 때 직접 제출할 수 있습니다. 이렇게하면 모든 브라우저에서 작동합니다.