onsubmit과submit () 설명

1724 단어 H5
먼저 한 가지 설명: onsubmit은form 대상의 이벤트 핸들이고submit ()는form 대상의 이벤트 방법입니다
  • HTML 양식의 제출 버튼(submit button)을 나타내는 Submit 객체도 있습니다.HTML 양식에 태그가 나타날 때마다 Submit 객체가 작성됩니다.(여기서 자세한 설명은 하지 않겠습니다.)
  • 1. onsubmit: 폼을 제출하기 전에 호출
    사용자가 폼의 Submit 단추를 눌러서 폼을 제출하면 이 이벤트 핸들 함수를 호출합니다.호출 방법Form.submit () 시 이 프로세서 함수는 호출되지 않습니다.
    온submit 핸들이fasle로 되돌아오면, 폼의 요소는 제출되지 않습니다.이 함수가 다른 값을 되돌려주거나 아무것도 되돌려주지 않으면 폼이 제출됩니다.
    onsubmit 핸들은 폼의 제출을 취소할 수 있기 때문에 폼 검증을 하는 데 매우 이상적입니다.다음 예제를 보십시오(암호가 비어 있는지 확인하고 비어 있으면 양식 제출을 취소합니다).
    var re = /^[^\s]+$/; var pw = document.querySelector('#password') check(){ if(re.test(pw.value)){ return true;// }else{ return false;// } }

    주의표 검증은 반드시 작성해야 한다
    //return , 
    ...............
    

    submit():
    submit () 방법은 폼 데이터를 웹 서버에 제출합니다.이 방법은 Submit 단추를 누르는 것과 같이 폼을 제출하지만, 폼의 onsubmit 이벤트 핸들은 호출되지 않습니다.
    다음 예제를 참조하십시오.
    var oForm = document.querySelector('#formP'); var oBtn = document.querySelector('#btn');\ oBtn.onclick = function(){ oForm.submit() }

     

    좋은 웹페이지 즐겨찾기