We have a BotDetect license. and I would like to implement this BotDetect using Angular js. I google search And I did not find anything suitable, however, I got angularjs-captcha , which looks promising, but did not help me.
This is what I need.
- Loading a page using Captcha Image
- User Fill out the form
- User Hit on Submission
- Using $ http request page submit
- If the answer comes to success or to error, Captcha should be reloaded according to the working engine.
Here is my form
<form ng-submit="Submit($event)"> <table width="100%" cellpadding="0" cellspacing="1" align="center"> <tr> <td class="datafield"> <label>Name:</label> <span class="red">*</span> </td> <td class="datafield"> <input type="text" maxlength="50" class="searchboxmain" placeholder="enter name..." ng-model="Form.Name" /> </td> </tr> <tr> <td class="datafield"> <label>Email:</label> <span class="red">*</span> </td> <td class="datafield"> <input type="email" maxlength="240" class="searchboxmain" placeholder="enter email..." ng-model="Form.Email" /> </td> </tr> <tr> <td class="datafield">Enter Captcha </td> <td class="datafield"> <botdetect-captcha> <br /> <input type="text" id="CaptchaCodeTextBox" ng-model="Form.Captcha"/> </td> </tr> <tr> <td class="datafield"></td> <td class="datafield"> <button class="submitbutton" ng-click="Submit($event)">Submit enquiry</button> </td> </tr> </table> </form>
controller
app.controller('ContactCtrl', function($scope, $http) { $scope.Form = { Name: '', Email: '', Captcha: '' }; $scope.Submit = function(event) {
I am sure that instead of using this Angular Captcha there may be another solution, but I do not know anyone, so an alternative solution can be made.
jquery angularjs captcha
Sagar upadhyay
source share