2013-09-29 8 views
2

У меня есть форма комментария, которая вставляет данные в базу данных при отправке. Ниже приведен код;Подтвердить форму ввода с помощью jquery с reCAPTCHA

function reloadRecaptcha() { 
    var publicKey = "*************************************"; 
    var div = "recap"; 
    Recaptcha.create(publicKey,div,{theme: "white"}); 
    return false; 
} 

function validateForm() { 
    var x=document.forms["cmnts"]["name"].value; 
    if (x==null || x=="") { 
     jAlert('Please enter your name', 'Error'); 
     return false; 
    } 

    var x=document.forms["cmnts"]["email"].value; 
    var atpos=x.indexOf("@"); 
    var dotpos=x.lastIndexOf("."); 
    if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) { 
     jAlert('Please enter a valid email address', 'Error'); 
     return false; 
    } 

    var x=document.forms["cmnts"]["comment"].value; 
    if (x==null || x=="") { 
     jAlert('Please enter a comment', 'Error'); 
     return false; 
    } 

    var challenge = Recaptcha.get_challenge(); 
    var response = Recaptcha.get_response(); 
    $.ajax({ 
     type: "POST", 
     url: "includes/valrecaptcha.php", 
     async: false, 
     data: { 
      challenge: challenge, 
      response: response 
     }, 
     success: function(resp) { 
      if(resp == "false") { 
       jAlert('Please enter captcha words correctly', 'Error'); 
       reloadRecaptcha(); 
      } 
     } 
    }); 
} 

Все (например, форма Validating работает отлично, за исключением, когда я нажал на кнопку submit, комментарий размещен вне зависимости от рекапчи является правильным или нет. Прямо перед страница начинается навигация, я вижу предупредительное сообщение. I . использую jAlert для отображения предупреждающих сообщений Ниже приводится форма,

<h4>Leave your comment</h4> 
<form action="blog?post=".$_GET["post"]."#comments" onsubmit="return validateForm();" name="cmnts" method="post"> 
<div class="form_row"> 
    <label>Name</label><br /> 
    <input type="text" class="tbox" name="name" title="Type your name"/> 
</div> 
<div class="form_row"> 
    <label>Email (not visible to others)</label><br /> 
    <input type="text" class="tbox" name="email" title="Type your email" /> 
</div> 
<div class="form_row"> 
    <label>Comment</label><br /> 
    <textarea name="comment" class="tbox" rows="6" title="Type your comment" ></textarea> 
    <p>You may use following HTML tags and attributes: &lt;b&gt; &lt;cite&gt; &lt;del&gt; &lt;i&gt; &lt;u&gt;</p> 
</div> 
<div class="form_row" style="height:80px;"> 
    <label>Captcha</label><br /> 
    <div id="recap"></div> 
    <p>I must make sure that you're <i>not</i> a spammer or a bot</p> 
    <div style="clear:both;">   
</div> 
<input value="Comment" id="submit" name="submit" class="submit_btn float_l" type="submit"> 
</form> 

<body> тег имеет событие OnLoad return reloadRecaptcha();

Так почему же не форма получить суб mted до проверка reCAPTCHA?

ответ

4

Это происходит потому, что validateForm() ничего не возвращает из вызова ajax. Вы должны иметь переменную как isCaptchaValidated, и установить, что внутри успеха() Аякса, а затем возвращает эту переменную после Аякса, как показано ниже:

var isCaptchaValidated = false; 
$.ajax({ 
    type: "POST", 
    url: "includes/valrecaptcha.php", 
    async: false, 
    data: { 
     challenge: challenge, 
     response: response 
    }, 
    success: function(resp) { 
     if(resp == "false") { 
      jAlert('Please enter captcha words correctly', 'Error'); 
      reloadRecaptcha(); 
     } else { 
      isCaptchaValidated = true; 
     } 
    } 
}); 
return isCaptchaValidated; 

Кстати, Ajax означает Asynchronous JavaScript и XML, так что я будет против установки async: false.

+0

Спасибо, человек !! Это сработало!! – Sid

+0

Отлично, что он сработал! – Rajesh

+0

@Rajesh: если вы используете метод async, ваш isCaptchaValidated возвращается до того, как значение может быть установлено в методе успеха. – Terry

Смежные вопросы