फार्म पर छवि और क्लाइंट साइड मान्यता के साथ गूगल reCAPTCHA प्रदर्शन जमा करें

मैंफार्म पर छवि और क्लाइंट साइड मान्यता के साथ गूगल reCAPTCHA प्रदर्शन जमा करें

How to Validate Google reCaptcha on Form Submit

मैं कोड के नीचे है का पालन किया है मेरी index.php

<!DOCTYPE HTML> 
<html> 
    <head> 
     <script src='https://www.google.com/recaptcha/api.js'></script> 
    </head> 
    <body> 
     <form method="post" action="post.php"> 
      <div class="g-recaptcha" data-sitekey="6XXXXXXXXXXXXwdsf0K8HbXXXXXXX"></div> 
      <input type="submit" value="Submit" /> 
     </form> 
    </body> 
</html>

post.php में

$response = $_REQUEST['g-recaptcha-response']; 
$secret = '6XXXXXXXXXXXXwdsf0K8HbJNvMw-XXXX'; 
$server = $_SERVER['REMOTE_ADDR']; 

$response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=" . $secret . "&response=" . $response.'&remoteip='.$server); 
$response = json_decode($response, true); 
if ($response["success"] === true) { 
    echo "Logged In Successfully"; 
} else { 
    echo "You are a robot"; 
} 
exit;

ऊपर कोड ठीक काम कर रहा है।

क्लाइंट साइड सत्यापन कैसे करें? यह छवियों के विकल्प के साथ कैप्चा नहीं दिखा रहा है।

मैं पहले से ही नीचे

स्रोत

2016-10-21 Ankit Shah

आपका पोस्ट.एफ़.नेट क्लिनेट साइड सत्यापन कर रहा है? – nogad

नोप सर्वर पक्ष –

स्वागत है मैं वास्तव में नहीं जानता कि आपका क्या पूछ रहा है। प्रपत्र सबमिट करने से पहले – nogad

किया यह रीकैप्चा पुस्तकालय पहली बार छवियों पर नियंत्रण प्रदर्शित नहीं करता है के मानक व्यवहार है।

पृष्ठ को कई बार देखने या पोस्ट करने का प्रयास करें और आप देखेंगे कि छवियां अंत में प्रकट नहीं होती हैं।

यदि आप अन्य परिवर्धन क्षेत्रों पर कुछ क्लाइंट साइड सत्यापन करना चाहते हैं, तो आपको this या this जैसे बूटस्ट्रैप या नींव जैसे jQuery या स्टैंडर लाइब्रेरी का उपयोग करना होगा। आप यहां एक वर्किंग स्क्रिप्ट का पूरा उदाहरण देख सकते हैं (बूटस्ट्रैप स्क्रिप्ट और एचटीएमएल 5 क्षमताओं से प्रेरित):

स्क्रिप्ट का यह संस्करण इंटरनेट पर समान है। इसके लिए कोई और ग्राहक पक्ष सत्यापन नहीं! codepen.io signup

उदाहरण के लिए::

<!DOCTYPE HTML> 
<html> 
    <head> 
     <link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> 
     <script src='https://www.google.com/recaptcha/api.js'></script> 
    </head> 
    <body> 
     <form class="signin-form" method="post" action="post.php"> 
      <!-- for example : Email and password validation (HTML 5) --> 
      <label for="inputEmail" class="sr-only">Email address</label> 
      <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus> 
      <label for="inputPassword" class="sr-only">Password</label> 
      <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> 
      <!-- Site-key for automated tests --> 
      <div class="g-recaptcha" data-sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"></div> 
      <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> 
     </form> 
    </body> 
</html>

और here एक नमूना कोड कलम एक संदर्भ के लिए एक नज़र डालें।

स्रोत

2016-11-07 10:09:07

क्या आपके पास परीक्षण करने का समय है? –

फार्म पर छवि और क्लाइंट साइड मान्यता के साथ गूगल reCAPTCHA प्रदर्शन जमा करें

उत्तर

संबंधित मुद्दे