Adding to Server Validation Behaviour and displaying error messages

Ray,

I have a situation where I need to add an extra validation rule to the checkout process to prevent customers entering a PO Box number as a shipping address. I have found a regex here: https://gist.github.com/gregferrell/7494667 and I have entered this using the wizard and added a show/hide behaviour to the checkout page and it appears to work BUT the error message does not appear either on blur or after form submit. How does this work ?

Also if you have any feedback on the regex that would be gratefully received.

Site details and ftp in private message.

Regards,

Dave Buchholz
I-CRE8 Limited

A few issues.

1) The checkout form needs to work with client validation and not server validation. The server validation is a catch-all, but the messages are managed with the jquery validation since the lower section of the page loads with AJAX and the top form itself isn't reloaded, so server validations wouldn't show unless the page reloads.

2) Your pattern matched if the field had PO BOX in it... You wanted the inverse of that to match if it DIDN'T have PO BOX

3) The Javascript JQuery validation pattern only works with full string matches.

I was able to solve your issue, but I had to update the jquery.h5validate.js file to allow for more complex pattern matching. Please download a copy of that file. I'll have it updated in the next update, but it may get overwritten in the meantime, so save a backup.

I also added the pattern attribute to the <input> tag and adjusted the pattern so it has the inverse effect (fails if the pattern includes PO BOX).

I also updated the pattern to the same effect in the server validation.