var valid = true;
$(this).find(‘.req’).each(function() {
if ($(this).val() == “”) {
$(this).after(‘<span>Required!</span>’);
valid = false;
} else if ($(this).hasClass(‘req-email’) && !checkemail($(this).val())) {
$(this).after(‘<span>Invalid E-mail!</span>’);
valid = false;
} else if ($(this).hasClass(‘req-phone’) && checkphone($(this).val())) {
$(this).after(‘<span>Numbers Only!</span>’);
valid = false;
}
});
if (!valid) {
$(this).find(’span.error-message’).text(“Please correct the above errors.”).show();
return false;
}
});
function checkemail(e){
var emailfilter = /^w+[+.w-]*@([w-]+.)*w+[w-]*.([a-z]{2,4}|d+)$/i
return emailfilter.test(e);
}
function checkphone(e) {
var filter = /[0-9]/
return filter.test(e);
}

Found here: http://www.aarongloege.com/blog/web-development/javascript/jquery/easy-form-validation/

What makes it even better is that it’s highly customizable. I used Aaron’s structure to write my own custom validation. I’ve shared here the additional/modified filters.

function checkemail(e){
var emailfilter = /^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/
return emailfilter.test(e);
}
function checkphone(e) {
var filter = /[0-9]{10}/
return filter.test(e);
}
function checkzip(e){
var zipfilter = /[0-9]{5}/
return zipfilter.test(e);
}
function checkpassword(e) {
var passwordfilter = /^.{6,50}$/
return passwordfilter.test(e);
}
function checkcreditcard(e) {
var creditcardfilter = /[0-9]{15,16}/
return creditcardfilter.test(e);
}

You can write as many of these as you want. Additionally, though he has his error messages writing to a span, you can insert whatever kind of action you want to happen inside the if/else statements.

window.addEventListener('load', function(){
setTimeout(scrollTo, 0, 0, 1);
}, false);

<button rel="#tab1">&nbsp;</button>
<button rel="#tab3">&nbsp;</button>

Then, use this handy little script:

$('.nav_arrow').click(function () {
var nextPage = $(this).attr('rel');
$(nextPage).click();
return false;
});

Effectively, you are telling the forward or next button that if it’s clicked, cause the corresponding tab to be clicked, opening that view.

It’s easy to implement. Download clearfield.js and link it into your page. Then place the class “clearField” on all your inputs, selects, and textareas. Instantiate the function in your custom javascript page with this:

$('.clearField').clearField();

If you don’t have access to the form element markup, or you are using a framework, a little bit of jQuery can be used to add the necessary classes:

$('input, select').addClass('clearField');

$(‘tr:odd td’).css(‘background’,'#yourcolor’);


/***********************************************
* Textarea Maxlength script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

function ismaxlength(obj){
var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
if (obj.getAttribute && obj.value.length>mlength)
obj.value=obj.value.substring(0,mlength)
}

It’s simple to install, and it comes preinstalled with IE6. You don’t even need a serial number for XP. Just follow the steps on the page (they’re surprisingly straightforward) and you’re golden. The only thing that was even slightly tricky was configuring BIOS if your hardware virtualization isn’t turned on, but I managed with no problems, and I never do any configuration.

I never thought I’d say this, but “Thanks Microsoft for this helpful development tool.”

Installation page: http://www.microsoft.com/windows/virtual-pc/download.aspx

BIOS configuration instructions: http://www.microsoft.com/windows/virtual-pc/support/configure-bios.aspx


var newArray = [];
var list = $('#selectID').find('option');
for(var i = 0; i < list.length; i++) {
newArray[i] = list[i].text;
}
console.log(newArray.join(", "));