Ali Karbassi

[JavaScript] On Is this year a leap year?

2007-10-13T19:08:14-07:00

Owen:

According the Wikipedia, it's not JUST every 4 years.

if year modulo 400 is 0 then leap
else if year modulo 100 is 0 then no_leap
else if year modulo 4 is 0 then leap
else no_leap

[JavaScript] ucfirst

2007-10-08T22:41:56-07:00

I'm wondering if this could be made better.

String.prototype.ucfirst = function()
{
   // Split the string into words if string contains multiple words.
   var x = this.split(/\s+/g);
   for(var i = 0; i < x.length; i++)
   {
      // Splits the word into two parts. One part being the first letter,
      // second being the rest of the word.
      var parts = x[i].match(/(\w)(\w*)/);

      // Put it back together but uppercase the first letter and lowercase the rest of thw word.
      x[i] = parts[1].toUpperCase() + parts[2].toLowerCase();
   }

   // Rejoin the string and return.
   return x.join(' ');
};

[JavaScript] On Simple Form Validation

2007-10-04T08:27:43-07:00

Travis: I love jQuery and all, but why should I include a 14kb file just to do this? It's a waste of load time for the user.

[JavaScript] On Is this year a leap year?

2007-10-02T19:03:38-07:00

Going of what "br" said and other people's code, we could do this the following.

Object.extend(Date.prototype, {
	isLeap: function()
	{
		return new Date(this.getFullYear(), 2, 0).getDate() == 29;
	}
});

[JavaScript] Simple Form Validation

2007-10-02T18:55:19-07:00

All this does is check to see if the form fields with the class of "required" have values selected / inputted.

The submit button should be: <input type="submit" value="submit" onclick="javascript:check();" />

## The Code [javascript]
function getElementsByClass(searchClass, node, tag)
{
	var classElements = new Array();
	if ( node == null ) node = document;
	if ( tag == null ) tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++)
	{
		if ( pattern.test(els[i].className) )
		{
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

function check( formName )
{
	var req = getElementsByClass('required', formName.form);
	var err = new Array();
	
	for( var i=0; i < req.length; i++)
	{
		var value = document.getElementById(req[i].htmlFor).value;
		if( value == null || value == '' )
		{
			err.push(req[i].htmlFor);
		}
	}
	
	if( err.length > 0 )
	{
		var txt = 'Please fill in the following fields:' + "\n-" + err.join("\n-");
		alert( txt );
		return false;
	}
	else
	{
		formName.form.submit();
		return true;
	}
}

## The HTML [xhtml_1.0]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Sample Form</title>
</head>

<body>
	<form method="post" id="formID" action="#">
		<fieldset>
			<legend>Sample Form</legend>
			<label for="Username" class="required">Username:</label>
			<input type="text" id="Username" name="Username" />

			<label for="Comments">Comments</label>
			<textarea name="Comments" id="Comments" rows="10" cols="40"></textarea>

			<input type="button" value="Submit" onclick="javascript:check(this);" />
			<input type="reset" value="Reset" />
		</fieldset>
	</form>
</body>
</html>