You can use input’s attributes as min, max, pattern and so on, and then checking a simple class do what you need to. In this example we are using a Text Field component of Material Design Lite (MDL) which shows a message and a red mark up when the value is not the right one. You could extend this with as many inputs as you like and then if all of them are correct show a login button or whatever.
Note that in old browsers and android versions before Lolipop where the Web View isn’t Chrome you will need to use directly Validation DOM Methods. Ex:
document.querySelector('input').validity.rangeOverflow
Be careful because even some Validation DOM Methods are not well supported in old browsers versions.
Check input using HTML5 and MDL
/in CSS3, HTML5, JavaScript/by GénesisYou can use input’s attributes as min, max, pattern and so on, and then checking a simple class do what you need to. In this example we are using a Text Field component of Material Design Lite (MDL) which shows a message and a red mark up when the value is not the right one. You could extend this with as many inputs as you like and then if all of them are correct show a login button or whatever.
Note that in old browsers and android versions before Lolipop where the Web View isn’t Chrome you will need to use directly Validation DOM Methods. Ex:
document.querySelector('input').validity.rangeOverflowBe careful because even some Validation DOM Methods are not well supported in old browsers versions.
Counter with a reset using Closures
/in HTML5, JavaScript/by GénesisSet up a basic counter with a closure and some externally accessible options.
Automatic text overwriting while typing
/in JavaScript/by GénesisWell, maybe you are thinking that you can just turn on your “Insert” key from your keyboard but what If you don’t have it or if you want to always have an overwriting mode (independently) while typing in some specific “inputs” and “textareas”. You can do it easily.
Article about us in a national newspaper
/in Recognition/by GénesisToday has been published an article about us in a national newspaper.
Virtual reality and control system made in the south of Spain (Málaga). It’s wonderful to have such a team 🙂
Here you can read the full article in spanish!
Infinite Scroll
/in CSS3, HTML5, JavaScript/by GénesisHave you ever seen those automatic “load more” while you scroll down? Did you see them on Tumblr for images, Gmail for messages or Facebook? Cool, isn’t it? The infinite scroll is an alternative for pagination and it’s everywhere. It optimizes the user experience loading data as the user required it (indirectly). You get faster loading process for pages, web, apps and it just loads what you need instead of the whole bunch. You don’t need to add extra interactions, buttons or widgets because it comes with the normal reading behaviour that you are used to: scroll down with the mouse or with the finger in a touchable screen.
So, here how to do it in a simple pure JavaScript 🙂