The script in question is for validating the email address submitted in a form. Everything works fine but it is prohibiting use of the “+” character. When testing, any email with the plus character triggers the alert and blocks the submission.
Webflow’s native form does not have any custom attributes that would explain this and I’ve added ‘encodeURIComponent’ as recommended, but still no success. Thanks in advance for the help!
<script>
Webflow.push(function() {
$('#wf-form-form').submit(function() {
var emailValue = $('#referlistemail').val();
setTimeout(function() {
location.href = 'https://www.attention.tech/book-a-demo?email=' + encodeURIComponent(emailValue);
}, 500);
});
});
</script>
<script type="text/javascript">
$(document).ready(function(e) {
$('#referlistbutton').click(function() {
var email = $('#referlistemail').val();
var reg = /^([\w-\.]+@(?!gmail.com)(?!gmil.com)(?!icloud.com)(?!qq.com)(?!gmai.com)(?!.edu)(?!mail.ru)(?!yopmail.com)(?!yahoo.co.uk)(?!gamil.com)(?!gamail.com)(?!yahoo.com)(?!hotmail.com)(?!yahoo.co.in)(?!gmail.con)(?!aol.com)(?!abc.com)(?!xyz.com)(?!pqr.com)(?!rediffmail.com)(?!live.com)(?!outlook.com)(?!hotmail)(?!yahoo)(?!me.com)(?!msn.com)(?!ymail.com)([\w-]+\.)+[\w-]{2,12})?$/;
if (reg.test(email)) {
return 0;
} else {
alert('Please enter your Business Email');
return false;
}
});
});
</script>
Here is my site Read-Only: Webflow - Attention