양식 제출 문제 전에 jquery ajax 유효성 검사

user1844933

ajax를 사용하여 보안 문자를 확인하려고하는데, 반환 값이 거짓 양식을 제출하더라도 내 잘못은 어디입니까?

<form id="myid" name="formname" method="post" action="action.php"  onsubmit="return validate();">

JS

function validate()
{
if(document.getElementById('cap').value==''){
    alert("Please enter verification number shown in below image");
    document.getElementById('cap').focus();
    return false;
}  

var capval=document.getElementById('cap').value;

capcheck(capval).success(function (data) {
    //alert(data); not getting alert message
  if(data == "fail"){return false;} 
});
// return false; (if I use this, above alert works gives outputs either ok or fail
}
////
function capcheck(capvalue){
    return $.ajax({
        url: 'check_cap.php',
        type: 'GET',
        cache: false,
        data: {
           capid:capvalue
        }
    });
}
Jperelli

문제는 검사가 비동기 적이라는 것입니다. 양식 제출을 취소하고 나중에 유효성 검사 요청이 반환되면 제출할 수 있습니다.

이런 식으로 시도

HTML로

onsubmit="return validate(this);"

js에서

function validate(form)
{
    if(document.getElementById('cap').value==''){
        alert("Please enter verification number shown in below image");
        document.getElementById('cap').focus();
        return false;
    }  

    var capval=document.getElementById('cap').value;

    capcheck(capval).success(function (data) {
      if(data != "fail") {
        form.submit(); // HERE IS THE ASYNC SUBMIT
      }
      else alert('form error: '+ data);
    });
    return false; // ALWAYS PREVENT SUBMIT ON CLICK OR ENTER
}

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

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

분류에서Dev

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

분류에서Dev

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

분류에서Dev

jQuery 양식 유효성 검사 문제

분류에서Dev

jQuery 양식 제출에서 PHP 양식 유효성 검사 사용

분류에서Dev

제출 양식 Ajax 게시물에 대한 유효성 검사하기

분류에서Dev

jquery 유효성 검사기-유효하지 않은 경우에도 양식이 여전히 제출 됨

분류에서Dev

제출 전 Ajax 유효성 검사

분류에서Dev

AJAX 제출 전 JavaScript 유효성 검사

분류에서Dev

유효성 검사 전에 양식 제출

분류에서Dev

제출하기 전에 Ajax에서 CSS 양식 유효성 검사를 사용하는 방법

분류에서Dev

Ajax 양식 유효성 검사 및 제출

분류에서Dev

제출시 AJAX 양식 유효성 검사

분류에서Dev

AJAX를 사용한 Spring 4.0 양식 유효성 검사 문제

분류에서Dev

AJAX를 사용한 Spring 4.0 양식 유효성 검사 문제

분류에서Dev

PHP 유효성 검사 후 javascript / jquery로 양식 제출

분류에서Dev

여러 양식을 제출하는 jQuery 탭 / 유효성 검사

분류에서Dev

jquery 유효성 검사 문제가있는 PHP 양식

분류에서Dev

jquery 유효성 검사 문제가있는 PHP 양식

분류에서Dev

제출 전 반응 후크 양식 유효성 검사

분류에서Dev

제출시 양식 유효성 검사

분류에서Dev

jQuery 유효성 검사, 제출시 유효 / 잘못된 양식 탭 표시

분류에서Dev

외래 키에 대한 봄 양식 제출 유효성 검사

분류에서Dev

HTML 양식 유효성 검사 문제

분류에서Dev

양식 유효성 검사 문제 PHP

분류에서Dev

2checkout에서 제출하기 전에 양식 유효성 검사

분류에서Dev

jQuery PHP에서 유효성 검사 후 제출 양식에서 '앵커'를 비활성화하는 방법

분류에서Dev

양식 유효성 검사에있어 문제점

분류에서Dev

codeigniter 3에서 양식 유효성 검사 문제

Related 관련 기사

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

    jQuery 양식 유효성 검사 문제

  5. 5

    jQuery 양식 제출에서 PHP 양식 유효성 검사 사용

  6. 6

    제출 양식 Ajax 게시물에 대한 유효성 검사하기

  7. 7

    jquery 유효성 검사기-유효하지 않은 경우에도 양식이 여전히 제출 됨

  8. 8

    제출 전 Ajax 유효성 검사

  9. 9

    AJAX 제출 전 JavaScript 유효성 검사

  10. 10

    유효성 검사 전에 양식 제출

  11. 11

    제출하기 전에 Ajax에서 CSS 양식 유효성 검사를 사용하는 방법

  12. 12

    Ajax 양식 유효성 검사 및 제출

  13. 13

    제출시 AJAX 양식 유효성 검사

  14. 14

    AJAX를 사용한 Spring 4.0 양식 유효성 검사 문제

  15. 15

    AJAX를 사용한 Spring 4.0 양식 유효성 검사 문제

  16. 16

    PHP 유효성 검사 후 javascript / jquery로 양식 제출

  17. 17

    여러 양식을 제출하는 jQuery 탭 / 유효성 검사

  18. 18

    jquery 유효성 검사 문제가있는 PHP 양식

  19. 19

    jquery 유효성 검사 문제가있는 PHP 양식

  20. 20

    제출 전 반응 후크 양식 유효성 검사

  21. 21

    제출시 양식 유효성 검사

  22. 22

    jQuery 유효성 검사, 제출시 유효 / 잘못된 양식 탭 표시

  23. 23

    외래 키에 대한 봄 양식 제출 유효성 검사

  24. 24

    HTML 양식 유효성 검사 문제

  25. 25

    양식 유효성 검사 문제 PHP

  26. 26

    2checkout에서 제출하기 전에 양식 유효성 검사

  27. 27

    jQuery PHP에서 유효성 검사 후 제출 양식에서 '앵커'를 비활성화하는 방법

  28. 28

    양식 유효성 검사에있어 문제점

  29. 29

    codeigniter 3에서 양식 유효성 검사 문제

뜨겁다태그

보관