이메일 유효성 검사를 위해 외부 API를 사용하여 양식의 유효성을 검사하려고합니다.
내 양식 태그는 다음과 같습니다.
<form class="form-horizontal" role="form" onsubmit="return validateForm()" method="post">
이것은 내 JS 코드입니다.
function validateForm() {
var email = $("#email").val();
$.ajax({
url: "https://bpi.briteverify.com/emails.json?address=" + $("#email").val() + "&apikey=XXXXXXXXXXX",
dataType: "jsonp"
}).then(function(data) {
console.log('BrightVerify result : ' + data.status);
if (data.status == 'invalid') {
document.getElementById("checkResult").innerHTML = 'Email address is invalid!';
console.log('Setting result to false.');
return false;
}
});
}
API가 반환하는 내용에 관계없이 양식이 제출됩니다.
내가 무엇을 놓치고 있습니까?
return false
양식이 제출되지 않습니다.
<form class="form-horizontal" role="form" onsubmit="event.preventDefault(); validateForm(); return false;" method="post">
당신에 then
방법, 당신은 호출 할 수 $(".form-horizontal").submit();
아약스 호출이 성공 후 양식이 제출되도록.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다