유효성 검사 실패시 양식 제출을 차단할 수 없음

헤라 클리 투스

데모

<form method="post" action="forms/post.asp" onsubmit="return validate();">
  <input type="text" name="username" />
  <button type="submit" onclick="validate();">Button</button>
</form>

다른 페이지에서 작동하도록 만들었지 만 지금은 아무것도 작동하지 않습니다. 어떤 제안?

$(document).ready(function(){
    function validate() {
        return false;
    }
}
로리 맥 크로 산

이벤트 속성에서 호출 된 함수는 window개체 범위 내에 있어야 합니다. 문제를 해결하려면 함수를 jQuery의 document.ready핸들러 외부로 이동하십시오 .

function validate() {
    return false;
}

$(document).ready(function(){
    // jquery code here...
});

또는 오래된 이벤트 속성을 완전히 제거하고 방해가되지 않는 JS를 사용하여 이벤트를 첨부하십시오. 이미 jQuery를 사용하고 있으므로이를 수행하는 방법은 다음과 같습니다.

<form method="post" action="forms/post.asp">
    <input type="text" name="username" />
    <button type="submit">Button</button>
</form>
$(document).ready(function(){
    $('form').submit(function(e) {
        var valid = true;

        // validate your form here...

        if (!valid)
            e.preventDefault(); // stop the submission
    });
});

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Javascript 양식 유효성 검사 제출시 경고 없음

분류에서Dev

유효성 검사가 실패 할 때 양식을 제출하는 방법

분류에서Dev

유효성 검사 실패시 부트 스트랩 양식이 제출을 취소하지 않음

분류에서Dev

Javascript는 빈 필드 유효성 검사로 양식을 제출할 수 없습니다.

분류에서Dev

유효성 검사와 함께 jquery의 첫 번째 클릭에서 양식을 제출할 수 없습니다.

분류에서Dev

여러 양식을 사용할 때 유효성 검사 실패

분류에서Dev

AngularJS-양식 제출시 추가 유효성 검사 수행

분류에서Dev

제출 버튼을 클릭 할 때 Angular 7 양식 유효성 검사에 오류가 표시되지 않음

분류에서Dev

제출시 양식 유효성 검사

분류에서Dev

양식 제출시 Javascript 유효성 검사가 실행되지 않음

분류에서Dev

양식 유효성 검사를 수행 할 수 없습니다.

분류에서Dev

양식 유효성 검사를 수행 할 수 없습니다.

분류에서Dev

Alpacajs 유효성 검사 : 단추가 유효성 검사를 건너 뛰고 양식을 제출하도록 허용 할 수 있습니까?

분류에서Dev

양식 제출시 JQuery 양식 유효성 검사 문제

분류에서Dev

사용자 정의 양식 유효성 검사 내에서 함수를 실행할 수 없습니다. 왜?

분류에서Dev

jQuery ajax 함수로 양식의 유효성을 검사 할 때 $ _POST 변수가 설정되지 않음

분류에서Dev

jQuery ajax 함수로 양식의 유효성을 검사 할 때 $ _POST 변수가 설정되지 않음

분류에서Dev

외부 API를 사용한 유효성 검사가 실패 할 때 제출 된 Javascript 양식

분류에서Dev

Django : 초기 foreignkey 값 없이는 양식의 유효성을 검사 할 수 없습니다.

분류에서Dev

동일한 페이지에 django 양식 유효성 검사 오류를 표시 할 수 없습니다.

분류에서Dev

Struts로 양식의 유효성을 검증 할 수 없습니다.

분류에서Dev

제출하기 전에 양식 유효성 검사 수행-jQuery

분류에서Dev

JQuery 제출 양식 전에 필수 필드 유효성 검사

분류에서Dev

codeigniter에서 양식 제출에 실패한 후 양식에 값을 유지할 수 없습니다.

분류에서Dev

양식 데이터 손실없이 양식 유효성 검사

분류에서Dev

양식 제출시 유효성 검사 메시지 지우기

분류에서Dev

Spring 양식 태그와 함께 Angular JS 양식 유효성 검사를 사용할 수 없습니다.

분류에서Dev

PHP 양식 유효성 검사 실패

분류에서Dev

양식 제출시 이메일 값 유효성 검사 오류

Related 관련 기사

  1. 1

    Javascript 양식 유효성 검사 제출시 경고 없음

  2. 2

    유효성 검사가 실패 할 때 양식을 제출하는 방법

  3. 3

    유효성 검사 실패시 부트 스트랩 양식이 제출을 취소하지 않음

  4. 4

    Javascript는 빈 필드 유효성 검사로 양식을 제출할 수 없습니다.

  5. 5

    유효성 검사와 함께 jquery의 첫 번째 클릭에서 양식을 제출할 수 없습니다.

  6. 6

    여러 양식을 사용할 때 유효성 검사 실패

  7. 7

    AngularJS-양식 제출시 추가 유효성 검사 수행

  8. 8

    제출 버튼을 클릭 할 때 Angular 7 양식 유효성 검사에 오류가 표시되지 않음

  9. 9

    제출시 양식 유효성 검사

  10. 10

    양식 제출시 Javascript 유효성 검사가 실행되지 않음

  11. 11

    양식 유효성 검사를 수행 할 수 없습니다.

  12. 12

    양식 유효성 검사를 수행 할 수 없습니다.

  13. 13

    Alpacajs 유효성 검사 : 단추가 유효성 검사를 건너 뛰고 양식을 제출하도록 허용 할 수 있습니까?

  14. 14

    양식 제출시 JQuery 양식 유효성 검사 문제

  15. 15

    사용자 정의 양식 유효성 검사 내에서 함수를 실행할 수 없습니다. 왜?

  16. 16

    jQuery ajax 함수로 양식의 유효성을 검사 할 때 $ _POST 변수가 설정되지 않음

  17. 17

    jQuery ajax 함수로 양식의 유효성을 검사 할 때 $ _POST 변수가 설정되지 않음

  18. 18

    외부 API를 사용한 유효성 검사가 실패 할 때 제출 된 Javascript 양식

  19. 19

    Django : 초기 foreignkey 값 없이는 양식의 유효성을 검사 할 수 없습니다.

  20. 20

    동일한 페이지에 django 양식 유효성 검사 오류를 표시 할 수 없습니다.

  21. 21

    Struts로 양식의 유효성을 검증 할 수 없습니다.

  22. 22

    제출하기 전에 양식 유효성 검사 수행-jQuery

  23. 23

    JQuery 제출 양식 전에 필수 필드 유효성 검사

  24. 24

    codeigniter에서 양식 제출에 실패한 후 양식에 값을 유지할 수 없습니다.

  25. 25

    양식 데이터 손실없이 양식 유효성 검사

  26. 26

    양식 제출시 유효성 검사 메시지 지우기

  27. 27

    Spring 양식 태그와 함께 Angular JS 양식 유효성 검사를 사용할 수 없습니다.

  28. 28

    PHP 양식 유효성 검사 실패

  29. 29

    양식 제출시 이메일 값 유효성 검사 오류

뜨겁다태그

보관