Comments on: How to create input masks in HTML http://www.xaprb.com/blog/2006/11/02/how-to-create-input-masks-in-html/ Stay curious! Thu, 09 Feb 2012 09:56:43 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Blog do Márcio d’Ávila » Máscara de formatação em campos de formulário HTML http://www.xaprb.com/blog/2006/11/02/how-to-create-input-masks-in-html/#comment-18051 Blog do Márcio d’Ávila » Máscara de formatação em campos de formulário HTML Fri, 19 Mar 2010 11:49:44 +0000 http://www.xaprb.com/blog/?p=171#comment-18051 [...] How to create input masks in HTML - HTML Input Mask, por Baron Schwartz (Xaprb). Novo repositório do código em Google Code: Flexible JS Formatting Libraries. [...] [...] How to create input masks in HTML – HTML Input Mask, por Baron Schwartz (Xaprb). Novo repositório do código em Google Code: Flexible JS Formatting Libraries. [...]

]]> By: Titi Alailima http://www.xaprb.com/blog/2006/11/02/how-to-create-input-masks-in-html/#comment-15958 Titi Alailima Mon, 09 Mar 2009 16:58:26 +0000 http://www.xaprb.com/blog/?p=171#comment-15958 I have uploaded my changes to the SVN repository at Google, so if anyone wants it they can get it. Email me at tigretigre@gmail.com if you want any more additions/fixes as Baron is not up for maintaining this himself any more. I have uploaded my changes to the SVN repository at Google, so if anyone wants it they can get it. Email me at tigretigre@gmail.com if you want any more additions/fixes as Baron is not up for maintaining this himself any more.

]]> By: Xaprb http://www.xaprb.com/blog/2006/11/02/how-to-create-input-masks-in-html/#comment-15947 Xaprb Sun, 08 Mar 2009 14:02:53 +0000 http://www.xaprb.com/blog/?p=171#comment-15947 Titi, Please request developer access to http://code.google.com/p/flexible-js-formatting/ and I'll grant you commit rights. Titi,

Please request developer access to http://code.google.com/p/flexible-js-formatting/ and I’ll grant you commit rights.

]]> By: Titi Alailima http://www.xaprb.com/blog/2006/11/02/how-to-create-input-masks-in-html/#comment-15932 Titi Alailima Thu, 05 Mar 2009 17:44:11 +0000 http://www.xaprb.com/blog/?p=171#comment-15932 getElementsByClassName is a native function in Firefox 3 and is thus being deprecated is Prototype. Another feature I added is pre-filling characters so that you know it's happening. Otherwise you may wonder why it's not letting you type a hyphen your SSN. if ( mask.format.charAt(pos - 1) != ' ' ) { str = this.value + mask.format.charAt(pos - 1) + ch; } // Added by titi@medtouch.com 2009-03-05 so that it fills in // chars ahead of the cursor as well if ( mask.format.charAt(pos) != ' ' ) { str += mask.format.charAt(pos); } I think this might have an issue if it has to back-fill and forward-fill on the same char, but that can be fixed should anyone ever have a pattern that required it. getElementsByClassName is a native function in Firefox 3 and is thus being deprecated is Prototype.

Another feature I added is pre-filling characters so that you know it’s happening. Otherwise you may wonder why it’s not letting you type a hyphen your SSN.

if ( mask.format.charAt(pos – 1) != ‘ ‘ ) {
str = this.value + mask.format.charAt(pos – 1) + ch;
}
// Added by titi@medtouch.com 2009-03-05 so that it fills in
// chars ahead of the cursor as well
if ( mask.format.charAt(pos) != ‘ ‘ ) {
str += mask.format.charAt(pos);
}

I think this might have an issue if it has to back-fill and forward-fill on the same char, but that can be fixed should anyone ever have a pattern that required it.

]]> By: bisi2poche http://www.xaprb.com/blog/2006/11/02/how-to-create-input-masks-in-html/#comment-15055 bisi2poche Fri, 22 Aug 2008 09:27:57 +0000 http://www.xaprb.com/blog/?p=171#comment-15055 Thank's a lot for this usefull script. I notice that setupElementMasks should use : $$('.input_mask') instead of document.getElementsByClassName (I don't know why, but getElementsByClassName give me an error with prototype 1.6.0.2) Thank’s a lot for this usefull script.

I notice that setupElementMasks should use : $$(‘.input_mask’)
instead of document.getElementsByClassName
(I don’t know why, but getElementsByClassName give me an error with prototype 1.6.0.2)

]]>