Javascript Archives - Belchamber Web Tools & Code https://tools.belchamber.us/articles/javascript-articles/ Free Web Tools, Code Snippets, Tutorials and Conversions Fri, 29 Jul 2016 12:06:35 +0000 en hourly 1 https://wordpress.org/?v=6.9 99928718 Preventing double form submissions with Parsley form validation https://tools.belchamber.us/preventing-double-form-submissions-parsley-form-validation/ https://tools.belchamber.us/preventing-double-form-submissions-parsley-form-validation/#respond Fri, 29 Jul 2016 12:06:35 +0000 https://tools.belchamber.us/?p=1067 Thanks to Jon Leigh for this snippet!  If you use Parsley form validation, a reliable form validation library, here’s an easy way to prevent double submissions of forms.  This disables the form submission button only once the form passes Parsley’s form validation. $.listen('parsley:form:validated', function(e){ if (e.validationResult) { /* Validation has passed, prevent double submissions */ […]

The post Preventing double form submissions with Parsley form validation appeared first on Belchamber Web Tools & Code.

]]> https://tools.belchamber.us/preventing-double-form-submissions-parsley-form-validation/feed/ 0 1067 Google Chrome’s form autocomplete feature — shutting it off to avoid UI chaos for complex forms https://tools.belchamber.us/google-chromes-form-autocomplete-feature-shutting-it-off-to-avoid-ui-chaos-for-complex-forms/ https://tools.belchamber.us/google-chromes-form-autocomplete-feature-shutting-it-off-to-avoid-ui-chaos-for-complex-forms/#respond Sun, 07 Jun 2015 17:50:29 +0000 http://tools.belchamber.us/?p=836 All browsers have their idiosyncrasies — Internet Explorer had so many Microsoft is changing its name. Here’s another one of a hundred browser “idiot syncrasies” that wasted so much time.  I’ve always developed sites first for Firefox then Chrome then found I had to add more hacks on top for IE, the infamous “shiv” code […]

The post Google Chrome’s form autocomplete feature — shutting it off to avoid UI chaos for complex forms appeared first on Belchamber Web Tools & Code.

]]> https://tools.belchamber.us/google-chromes-form-autocomplete-feature-shutting-it-off-to-avoid-ui-chaos-for-complex-forms/feed/ 0 836 An example of browser sniffing: Detect browser so your website can accommodate certain browser limitations or you want to isolate certain behavior and content to affect users only using particular browsers. https://tools.belchamber.us/an-example-of-browser-sniffing-detect-browser-so-your-website-can-accommodate-certain-browser-limitations-or-you-want-to-isolate-certain-behavior-and-content-to-affect-users-only-using-particular-br/ https://tools.belchamber.us/an-example-of-browser-sniffing-detect-browser-so-your-website-can-accommodate-certain-browser-limitations-or-you-want-to-isolate-certain-behavior-and-content-to-affect-users-only-using-particular-br/#respond Sun, 23 Mar 2014 00:20:10 +0000 http://tools.belchamber.us/?p=176 Below is a sample of a code snippet I’ve used in different forms to achieve a better website experience for more visitors.  When I have time, I try to unlock more and improve more, after using Google Analytics to see what segment of visitors deserve more attention.  You need to  prioritize, but when so many […]

The post An example of browser sniffing: Detect browser so your website can accommodate certain browser limitations or you want to isolate certain behavior and content to affect users only using particular browsers. appeared first on Belchamber Web Tools & Code.

]]> https://tools.belchamber.us/an-example-of-browser-sniffing-detect-browser-so-your-website-can-accommodate-certain-browser-limitations-or-you-want-to-isolate-certain-behavior-and-content-to-affect-users-only-using-particular-br/feed/ 0 176