6 articles Javascript

Javascript: A simple way when validating forms to ensure at least one checkbox is checked

Posted on 12/27/201512/25/2015 by Aaron Belchamber

Check so at least one checkbox on your form is checked before it's allowed to submit:

$("#main_form").on('submit',function(e){
if ( $("input[type='checkbox']:checked").length > 0) {
}
else {
e.preventDefault();
alert("Please check at least one list you wish to be included in.");
return false;
}
return true;
});

$("#main_form").on('submit',function(e){

if ( $("input[type='checkbox']:checked").length > 0) {

}

else {

e.preventDefault();

alert("Please check at least one list you wish to be included in.");

return false;

}

return true;

});

Get the image width and height of an image file at a remote URL in Javascript

Posted on 09/14/201509/13/2015 by Aaron Belchamber

Here's how you can get the image width and height of an image file at a remote URL.

function getImgDims(url){
var img = new Image();
img.onload = function(){
var rtnArr=Array;
rtnArr['width']=this.width;
rtnArr['height']=this.height;
return rtnArr;
};
}

function getImgDims(url){

var img = new Image();

img.onload = function(){

var rtnArr=Array;

rtnArr['width']=this.width;

rtnArr['height']=this.height;

return rtnArr;

};

}

This will return an a multi-element associative array containing values under "width" and "height" as its keys.

Get date of last day of current month for special processing like for credit card expiration dates

Posted on 03/04/2015 by Aaron Belchamber

In case you ever need to manually validate those pesky multi-field credit card date fields, you know "Month" and "Year" and you want to make sure the expiration is never set prior to the current month for obvious reasons like the credit card would get declined, you need to have the browser client side figure…

Javascript: Basic Date Object for Quick Reference

Posted on 10/03/201410/02/2014 by Aaron Belchamber

Here's an exercise to create a new date object and convert today's parts into the more human-readable month/day/year format. It's not built into the Javascript language, what can you do?! Here's a breakdown of some of the main methods built into the Date class, just the main ones

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January starts at ZERO, don't ask why
var yyyy = today.getFullYear();
if(dd<10) {   dd='0'+dd} 
if(mm<10) {   mm='0'+mm} 
today = mm+'/'+dd+'/'+yyyy;
document.write(today);

var today = new Date();

var dd = today.getDate();

var mm = today.getMonth()+1; //January starts at ZERO, don't ask why

var yyyy = today.getFullYear();

if(dd<10) { dd='0'+dd}

if(mm<10) { mm='0'+mm}

today = mm+'/'+dd+'/'+yyyy;

document.write(today);

Disable/Remove ShareThis appended hashtag from site URLs

Posted on 03/08/201403/08/2014 by Aaron Belchamber

ShareThis is a useful tool to encourage sharing of your website's pages and content with others in social media. It has other uses as well since it can link users to account they're already logged into making it easier to re-tweet or post your page on Facebook. However, at the top of the URL the…

Page 1 of 2
1

6 articles Javascript

Javascript: A simple way when validating forms to ensure at least one checkbox is checked

Like this:

Get the image width and height of an image file at a remote URL in Javascript

Like this:

Get date of last day of current month for special processing like for credit card expiration dates

Like this:

Javascript: Basic Date Object for Quick Reference

Like this:

Disable/Remove ShareThis appended hashtag from site URLs

Like this:

Share this:

Like this:

Share this:

Like this:

Share this:

Like this:

Share this:

Like this:

Share this:

Like this: