Quick Tip #4: fValidator – Javascript Form Validator

6 06 2007

For the web developers out there who spend a lot of time doing code on form validation, this little piece of “open-source” script might help. It’s called fValidator and it was created by Fabio Zendhi Nagao.Here’s a little quote from Fabio regarding his script:

Nowadays everybody knows that javascript can be used to validate input data in HTML forms before sending off the content to a server. Despite of that, when there are many fields in the form, the JavaScript validation becomes too complex and boring to code. That’s why fValidator exists, with it form validations are many times easier.

I specifically like the fact that it automatically validates your fields as you type your data – well, actually it’s not as you type, but as you move to other input fields. It also makes use of iMask, which is a tool for masking your input text fields or textarea fields. For instance, if you are expecting an input in this format: _ _ / _ _ / _ _ _ _, the input text field will display those characters as you type (see the attached screen shot for understanding). Aside from displaying those characters, it also restricts the input of letters if you only want numbers, and vice-versa.This tool really becomes helpful if you are creating registration forms for sites, or any other types of form for that matter. I personally am not bothered by using other people’s scripts to make my life easier. It’s really practical.Hopefully one of these days I might be able to contribute my share to the open-source community as well.

Advertisements




Quick Tip #3: Send files up to 100MB

5 11 2006

YouSendItEver had the need to send huge files to your friends or clients, but couldn’t because your e-mail provider only allows up to 10MB maximum file size? Well, here’s a quick tip on how to send files for up to 100MB, for free!

Simply point your browsers to http://yousendit.com/ and upload your file there! They will automatically e-mail the link to that file both to you and your recipient, and they will happily save it on their server until it reaches 100 downloads. 🙂 Pretty cool stuff, hehe.


Technorati Tags: , , , ,

Site Search Tags: , , , ,





Quick Tip #2: Turn your CAPS LOCK key into RETURN

4 11 2006

Last night, Ealden and I were talking about ACM when he mentioned to me that the Chinese contestants were used to changing their CAPS LOCK key into RETURN (enter), via the System Registry, for faster typing. So I thought, hey, why don’t I research on how to do that, it’d be pretty cool!

So here it is, I made two Windows Registry files: (1) CAPStoRETURN.reg, and (2) CAPStoCAPS.reg. Obviously, CAPStoRETURN.reg maps your CAPS LOCK button to RETURN. Just download the file and double-click it. And when you really REALLY miss your CAPS LOCK button already because YOU CAN’T TYPE SENTENCES CAPITALIZED LIKE THESE, then use the second file to turn it back to it’s original state. Pretty simple. 🙂

Note: I think this only works for Windows XP and Windows 2000, and you would need administrative priviledges to edit your system registry.


Technorati Tags: , , ,

Site Search Tags: , , ,





Quick Tip #1: Tagging Bookmarklet

1 11 2006

Wow. I recently bumped into this article entitled “A Tagging Bookmarklet for WordPress and WordPress.com Users” by Lorelle VanFossen, which basically helps automatically create HTML tags for those Technorati and Site Search tag-links below each post. These tags help Technorati understand each article better and place them to their proper topics.

It’s basically a javascript code which you place on your bookmark, or the bookmarklets tab on FireFox. You just enter your tags, and it returns the code with the HTML tags for the tag-links. Brilliant! I guess I would have thought of this myself eventually, but hey, at least they saved me the brain cells required to come up with that gig.

Anyway, here’s my javascript code, which I use to generate the tags below:
javascript:(function(){var a=''; var t=prompt
('Enter Tags without commas:',''); if(!t)
return; var tr=t.split(' '); a+='<hr /><p>
<font size="-1"><b><font color="green">
Technorati Tags</font>:</b> '; for(var i=0;
i<tr.length; i++){if(i>0)a+=', '; a+='<a
href='+unescape('%22')+'http://www.technorati
.com/tags/' + tr[i]+unescape('%22')+' rel='+un
escape('%22')+'tag'+unescape('%22')+'>'+tr[i]+
'</a>'; }a+='<br/><br/><b>Site Search Tags:</b
> '; for(var j=0; j<tr.length; j++){if(j>0)a+=
', '; a+='<a href = '+unescape('%22')+'/?s='+t
r[j]+unescape('%22')+' rel='+unescape('%22')+'
tag'+unescape('%22')+'>'+tr[j]+'</a>'; }a+='</
font></p>'; prompt('Copy this code, press OK,
then paste to your blog entry:',a); })();

Feel free to use it on your own blogs. Just follow these 5 quick steps:

  1. On your browser, create a new bookmark and name it whatever you want. It doesn’t matter if it’s in the Bookmark menu, or in the Bookmarks toolbar. But I prefer it in the Bookmarks toolbar so that I can access it with a single click.
  2. At the Location part of the bookmark, copy-paste the entire code posted above. If you understand javascript, you can edit it before pasting if you want. If you don’t, that’s another lesson, for another time. 🙂
  3. The next time you post an entry on your blog, switch to HTML editor mode, then click the bookmarklet that we just made. Enter your tags separated by spaces, not commas (if you need to add a tag with two words, do it like this: two+words). Then click OK.
  4. Copy the text that the script will return, click OK, then paste the text on the bottom of your blog entry.
  5. Give yourself a pat on the back.

Technorati Tags: , , , ,

Site Search Tags: , , , ,