Comments (4)
Do you have a reduced test case I can look at?
from bouncer.
I'm sorry, I can't make any sense of your test case page.
Here is the stripped-down html, but this page renders it instead of showing the code
<script src="https://www.google.com/recaptcha/api.js" async defer></script> ``<script> function onSubmit(token) { document.getElementById("feedbackform").submit(); } ``</script>
<script src="https://www.clientaddress.co.uk/bouncer.polyfills.min.js"></script>
<script>
var bouncer = new Bouncer('[data-validate]')
</script>
<style>.error { border: 1px solid red } </style>
`
`
You need to fill in all the boxes. If you leave any blank, it won't work.
<form method="post" id="feedbackform" action="https://www.clientaddress.co.uk/form.php">
<input type="hidden" name="bad_url" value="https://www.clientaddress.co.uk/problem.html" />
`
`
Your Details
<p><label class="req" for="givenname">Your Name *</label>
<p><label class="req" for="recipients">What number is two more than ten? *</label>
<input type="number" min="10" max="20" tabindex="60" required name="recipients" id="recipients" \d{2,2} size="2" minlength="2" maxlength="2" placeholder="" /> sorry, we need this to reduce spam
<p><label class="req" for="email">Email * </label>
<p><label class="req" for="phone">Phone * </label>
<p><input type="submit" value="Test"></p>
<input type="hidden" name="derive_fields" value="imgverify=g-recaptcha-response" />
</body></html>
Clicking Submit runs recaptcha OK, but not bouncer.
Clicking Test runs bouncer OK, but (obviously) not Recaptcha
from bouncer.
After several tries, I still can't get the code to show properly. The google submit button is:
<input type="submit" class="button g-recaptcha" data-callback="onSubmit" data-sitekey="sitekey here" title="Send the message" tabindex="200" id="send" value=" Send " />
from bouncer.
You want to wrap your code in three backticks on each end, like in markdown.
from bouncer.
Related Issues (20)
- File validation problems HOT 1
- bouncerFormValid doesn't fire until re-submission of form HOT 2
- aria-required HOT 2
- getErrorLocation HOT 7
- Validating group of checkboxes (at least one required) HOT 1
- Reset validation HOT 1
- Error messages translations (Localization)
- Validation on form submit only HOT 1
- if I have two form in a page. How can I call bouncerFormValid two times for 2 form? HOT 1
- Documentation: form onsubmit preventDefault no effect without disableSubmit true
- Config of error message : Failure when defined via function + constraint is outOfRange or wrongLength HOT 2
- How can i validate two field is equal? HOT 2
- Age Validation
- Hidden/not visible fields are validated HOT 2
- Validating dynamically populated select
- type="number" not correctly detected
- Validate Groups with CustomValidation?
- Does not support the multiple attribute for email input
- Issue with preventDefault call in bouncer library HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bouncer.