mjlecomte
16 Jul 2008, 7:38 AM
Ext.ux.form.BotField adds a field type which generates a mathematical challenge question to subvert robot/spam abuse for your forms.
Why use it?
See discussion here (http://extjs.com/forum/showthread.php?p=61794#post61794), other options might be captcha or using a <canvas> tag (http://developer.mozilla.org/en/docs/HTML:Canvas). This adds an additonal level to deter robots, it's not full proof protection, nothing is.
Features:
Form field with inbuilt functionality to subvert Robot / Spam abuse.
A configurable mathematical equation to validate the field.
Equation may be of varying form and/or complexity.
Randomly generated equations for
specified operation types (addition, multiplation, subtraction) and
configurable solution presentation (linear form of 5+3=?, reverse form of 5+?=8, or either of these randomly chosen).
Configurable options for how to display the challenge question in the form field.
The validation message (equation) will display as a validation error.
The code is fairly well commented similar to ext standards.
Example usage included (will submit to included php file).
Demo: here (http://extjs-ux.org/repo/authors/mjlecomte/trunk/Ext/ux/form/examples/registration.html)
Installation:
Just drop it in your local directory and run (plug and play):
Download the source from svn (http://extjs-ux.org/repo/authors/mjlecomte/trunk/Ext/ux/form/).
Extract it to your local examples/forms directory so you'll have examples/forms/registration.
Hit your webserver at ../examples/forms/registration/registration.html
Why use it?
See discussion here (http://extjs.com/forum/showthread.php?p=61794#post61794), other options might be captcha or using a <canvas> tag (http://developer.mozilla.org/en/docs/HTML:Canvas). This adds an additonal level to deter robots, it's not full proof protection, nothing is.
Features:
Form field with inbuilt functionality to subvert Robot / Spam abuse.
A configurable mathematical equation to validate the field.
Equation may be of varying form and/or complexity.
Randomly generated equations for
specified operation types (addition, multiplation, subtraction) and
configurable solution presentation (linear form of 5+3=?, reverse form of 5+?=8, or either of these randomly chosen).
Configurable options for how to display the challenge question in the form field.
The validation message (equation) will display as a validation error.
The code is fairly well commented similar to ext standards.
Example usage included (will submit to included php file).
Demo: here (http://extjs-ux.org/repo/authors/mjlecomte/trunk/Ext/ux/form/examples/registration.html)
Installation:
Just drop it in your local directory and run (plug and play):
Download the source from svn (http://extjs-ux.org/repo/authors/mjlecomte/trunk/Ext/ux/form/).
Extract it to your local examples/forms directory so you'll have examples/forms/registration.
Hit your webserver at ../examples/forms/registration/registration.html