The latest articles on DEV Community by Daniel Barwikowski (@dbarwikowski). https://dev.to/dbarwikowski https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F200135%2Fd749d87e-80fe-4300-930c-b57b0b6afab9.jpeg https://dev.to/dbarwikowski en Daniel Barwikowski Mon, 19 Apr 2021 11:41:08 +0000 https://dev.to/dbarwikowski/how-to-track-temporary-fix-301h https://dev.to/dbarwikowski/how-to-track-temporary-fix-301h <p>What are your ideas on tracking temporary fixes?<br> Do you ever return to them?<br> If this is just a part of bigger issue how do you know when it is time to remove the fix ang go back to normal?</p> Daniel Barwikowski Thu, 23 Apr 2020 13:17:41 +0000 https://dev.to/dbarwikowski/why-jquery-unobtrusive-validation-sucks-1oab https://dev.to/dbarwikowski/why-jquery-unobtrusive-validation-sucks-1oab <p>If you ever used <code>jquery.validate</code> then you might have used <code>groups</code> feature.</p> <p>It allows you to group inputs so when one or more of them have invalid value, then one (and only one) error is displayed.</p> <p>It's useful when you don't want to flood user with list of errors.<br> For example:</p> <ul> <li>split date into three inputs: day, month and year.</li> </ul> <p>Now, you might want to display error like: 'Date is incorrect, please verify and correct' whenever day, month or year is incorrect.</p> <p>Without grouping you would have 3 errors is all 3 inputs have incorrect value<br> <code>34-13-asdf</code>.</p> <p>It's easy to setup such validation in <code>jQuery validate</code> but it's not so easy to do with <code>jQuery unobtrusive validation</code>.</p> <h1> What is unobtrusive validation? </h1> <p>It's just a framework that allows you to setup validation with usage of <code>data-val-*=""</code> attributes.<br> It means that you don't have to write any <code>js</code> to setup form validation.<br> While it sound cool it's also limiting you with many options.</p> <h1> What is the problem? Just create new validator! </h1> <p>jQuery.validate checks if there is existing validator for element and returns existing validator skipping all configuration you might wanted to add.</p> <p>Of course I could remove it and add new one but then you have to handle <code>hooks</code> and all common settings you (or someone) might have added...</p> jquery validation unobtrusive frontend