1) Add your this link In between HEAD tags
<script type="text/javascript" src="https://dev.rdmsoftwaresolutions.com/rdmcaptcha/rtxt.php"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
2) Add this div in to your Form tag
<div class="notarobot"></div> 3) Add this id="rsubmit" to your submit button/input tag
<button type="submit" id="rsubmit" >Request</button> 4) add this code before < /body> tag
<script type="text/javascript">
$(document).ready(function(){
$("#rsubmit").click(function(){
var val = $("#rbtn").val();
if(val != '')
{
$.ajax({
url:"https://dev.rdmsoftwaresolutions.com/rdmcaptcha/get.php",
method:"POST",
data:{text:status,value:val,id:myid},
dataType:"JSON",
success:function(data2)
{
$("#rimg").attr("src",data2.img);
stat = data2.rdm;
myid = data2.id;
}
})
}
});
});
</script>
5) Enjoy!
<!-- COMPLETE CODE EXAMPLE -->
<!DOCTYPE html>
<html>
<head>
<title>RDMCaptcha</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="https://dev.rdmsoftwaresolutions.com/rdmcaptcha/rtxt.php"></script>
</head>
<body>
<form>
<input type="text" name="name" placeholder="Your Name"><br><br>
<div class="notarobot"></div><br>
<button type="submit" id="rsubmit" >Request</button>
</form>
<script type="text/javascript">
$(document).ready(function(){
$("#rsubmit").click(function(){
var val = $("#rbtn").val();
if(val != '')
{
$.ajax({
url:"https://dev.rdmsoftwaresolutions.com/rdmcaptcha/get.php",
method:"POST",
data:{text:status,value:val,id:myid},
dataType:"JSON",
success:function(data2)
{
$("#rimg").attr("src",data2.img);
stat = data2.rdm;
myid = data2.id;
}
})
}
});
});
</script>
</body>
</html>