Form email not validating on domain

Jers

Hi,

I've been using the form module to make a newsletter sign-up form. There is only one field (email) and that's validating if there's a @ sign. But when I forget the domein (.com, .nl) validation is passen and the emailaddress without extension is stored in the database. How can I make sure a valid emailaddress is entered?

This is my form:
<form action="http://utrecht.stadspas.xyz/forms/process/Nieuwsbrief" class="form" data-ajax="true" data-ajax_message="Sending..." data-validate="true" enctype="multipart/form-data" id="Nieuwsbrief" method="post" novalidate=""> <div class="form" id="form_590f166c2efdf"><script type="text/javascript"> // <![CDATA[ try { $(function(){ $('.error_highlight input:first').focus(); }); } catch(e){ }; // ]]> </script> <input class="email" id="email" name="email" placeholder="Vul uw e-mailadres in" required="" type="email" /> <input class="submit" id="Verstuur" name="Verstuur" type="submit" value="Inschrijven" /> <div id="nameError">&nbsp;</div> <input id="return_url" name="return_url" type="hidden" value="http://utrecht.stadspas.xyz/" /><input id="form_url" name="form_url" type="hidden" value="http://utrecht.stadspas.xyz/" /></div> <div class="messages">&nbsp;</div> </form>
Thanks a lot.

admin

So you are saying the javascript validation is not throwing an error if you forget the .com or .nl? If so, I'm wondering if it has something to do with the jquery.validate plugin that is being used (note the 2014 note):
https://github.com/jquery-validation/jquery-validation/blob/1.16.0/dist/jquery.validate.js#L1353

Jers

That's exactly what is happening. I've downloaded this new version of jquery.validate but that doesn't solve the issue.

How can I implement a custom method of email validation in the above form?

admin

You would need to include an additional piece of javascript I believe that adds a rule/method you can reference as a rule:
https://jqueryvalidation.org/rules/
https://jqueryvalidation.org/jQuery.validator.addMethod/

Perhaps something like the following:
https://stackoverflow.com/questions/28259933/jquery-validation-email-validation-issues

Jers

Hi,

Thanks for the help. I tried that, but it didn't work out.
Now I just have change this line of code in jquery.validate.js

return this.optional( element ) || /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test( value ); and changed it to: return this.optional( element ) || /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test( value );
Now it's working perfectly. But the form implementation for Fuel-cms is still not completely demistified.

Thanks