js 로 양식 을 제출 할 때 document. forms [0]. submit ();submit 단추 가 없 으 면 어떻게 검증 합 니까?

submit () 로 양식 을 제출 하여 onsubmit 의 실효 해결 방법
submit () 로 폼 을 제출 하여 onsubmit 의 실효 해결 방법 onclick 방법 을 무효 화 합 니 다.
=========================================================================
다음 본문 에 사용 할 스 크 립 트
프로그램 코드
  
 <script language="javascript">
    //    
    function submit1(obj){
        obj.submit();
    }
    //    ,  checked  
    function submit2(obj){
        return checked();
        obj.submit();
    }
    //    , ehecked      submit3
    function submit3(obj){
        if(document.form1.username.value == ""){alert("      ?");document.form1.username.focus();return false;}
        obj.submit();
    }
    //    
    function checked(){
        if(document.form1.username.value == ""){alert("      ?");document.form1.username.focus();return false;}
        return true;
    }
    </script>

2. 분석 과정
1. 일반적인 폼 검증 법, form 에 onsumbit 이벤트 추가
프로그램 코드

    <form id="form1" name="form1" method="post" action="mzwucom.asp" onsubmit="checked();">
      UserNmae:
      <input name="username" type="text" id="username" size="10" maxlength="10" />
      <input type="submit" name="Submit" value="  " />
    </form>

결과: 검증 메커니즘 의 작용!
2. 1 을 바탕 으로 submit () 방법 으로 폼 을 제출 하 는 것 으로 변경 (빨간색 은 1 에 비해 수정 부분, 아래 는 동일)
프로그램 코드
   
<form id="form1" name="form1" method="post" action="mzwucom.asp" onsubmit="checked();">
      UserNmae:
      <input name="username" type="text" id="username" size="10" maxlength="10" />
      <input type="button" name="Submit" value="  " onclick="submit1(this.form);" />
    </form>

결과: 검증 메커니즘 이 효력 을 상실 하여 양식 을 직접 제출 합 니 다!
3. 1 을 바탕 으로 onsubmit 사건 을 제거 하고 submit 2 를 호출 합 니 다.
프로그램 코드
  
 <form id="form1" name="form1" method="post" action="mzwucom.asp">
      UserNmae:
      <input name="username" type="text" id="username" size="10" maxlength="10" />
      <input type="button" name="Submit" value="  " onclick="submit2(this.form);" />
    </form>

결과: 검증 메커니즘 이 작 동 하지만 정확 할 때 폼 을 제출 하지 않 았 습 니 다. return true 가 submit () 앞 에 있 기 때 문 입 니 다!
4. 1 을 바탕 으로 onsubmit 사건 을 제거 하고 submit 3 를 호출 합 니 다.
프로그램 코드
   
<form id="form1" name="form1" method="post" action="mzwucom.asp">
      UserNmae:
      <input name="username" type="text" id="username" size="10" maxlength="10" />
      <input type="button" name="Submit" value="  " onclick="submit3(this.form);" />
    </form>

결과: 검증 메커니즘 이 작용 하면 양식 을 제출 합 니 다!
==========================================================
submit () 로 폼 을 제출 하여 onsubmit 의 실효 해결 방법 onclick 방법 을 무효 화 합 니 다.

좋은 웹페이지 즐겨찾기