NewSourceMedia Blog » address http://newsourcemedia.com/blog Focused on Interactive Design, Development and Marketing Sun, 09 May 2010 02:35:53 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Javascript Email Validation Form http://newsourcemedia.com/blog/javascript-email-validation-form/ http://newsourcemedia.com/blog/javascript-email-validation-form/#comments Fri, 29 Dec 2006 00:22:11 +0000 admin http://newsourcemedia.com/blog/2006/12/28/javascript-email-validation-form/ Check user email address forms to make sure they are valid using JavaScript before saving their info. The JavaScript code is provided here.

The function below checks if the content has the general syntax of an email.

This means that the input data must contain at least an @ sign and a dot (.). Also, the @ must not be the first character of the email address, and the last dot must at least be one character after the @ sign:

<script language="Javascript">
function checksubmit()
{
apos=document.add_data.email.value.indexOf("@")
dotpos=document.add_data.email.value.lastIndexOf(".")
if (document.add_data.email.value == "" || apos<1 || dotpos-apos<2)
{
alert("Please fix: email")
document.add_data.email.focus()
return false
}
return true
}
</script>
]]> http://newsourcemedia.com/blog/javascript-email-validation-form/feed/ 6 Address Auto-Fill Ckeck Box http://newsourcemedia.com/blog/address-auto-fill-ckeck-box/ http://newsourcemedia.com/blog/address-auto-fill-ckeck-box/#comments Sat, 28 Feb 2004 00:22:11 +0000 admin http://newsourcemedia.com/blog/2004/02/27/address-auto-fill-ckeck-box/ Javascript code that automatically fills in the address in all places needed on the page after just once entering it and selecting the check box.

Introduction:

I ran across this code when working on a registration product site. The goal is to save the user’s time by not having them fill in the same address over and over, if the address for there billing is the same as the mailing address.

You can view a working form by clicking here.

Source Code

<html>
<title></title>
<head>
<script type="text/javascript" language="javascript">
function set_billing(box)
{
var f = box.form, b_which = box.checked, from_el, to_el, i = 0;
var fld_name = new Array('city' , 'state');
while (from_el = f[fld_name[i]])
{
to_el = f['bill' fld_name[i ]];
to_el.value = b_which ? from_el.value : '';
if (to_el.readOnly != null)
to_el.readOnly = b_which ? true : false;
else to_el.onfocus = b_which ? function() {this.blur();
}
: null;
}
}
</script>
</head>
<body>
<form>
<table>
<tr>
<td align="right">
<strong>Mailing Address</strong><br>
City: <input name="city" type="text" id="city" onchange="set_billing(billingaddrsame)"><br>
State: <input name="state" type="text" id="state" onchange="set_billing(billingaddrsame)"><br>
<strong>Billing Address</strong><br>
( same as above)
<input type="checkbox" name="billingaddrsame" onclick="set_billing(this)"><br>
City: <input name="billcity" type="text" id="billcity"><br>
State: <input name="billstate" type="text" id="billstate"><br>
</td>
</tr>
</table>
</form>
</body>
</html>
]]> http://newsourcemedia.com/blog/address-auto-fill-ckeck-box/feed/ 6 Telephon Check Box http://newsourcemedia.com/blog/telephon-check-box/ http://newsourcemedia.com/blog/telephon-check-box/#comments Sat, 28 Feb 2004 00:22:11 +0000 admin http://newsourcemedia.com/blog/2004/02/27/telephon-check-box/ Javascript code that automatically fills in the telephone number in all places needed after just once entering it and selecting a check box.

Introduction:

I ran accross this code when working on a registration product site. The goal is to save the user’s time by not having them fill in the same telephone number over and over, if the number is the same as other data fields.

You can view a working form by clicking here.

Source Code

<html>
<head>
<title>NSM | Tele Check Box</title>
</head>
<body>
<form>
Home Telephone:
<input name="home_phone" type="text" size="14" maxlength="12">
<br>
Work Telephone:
<input name="work_phone" type="text" size="14" maxlength="12">
<input type="checkbox" name="same_mail" onClick="work_phone.value=(this.checked)?home_phone.value:''">
(check if same as home number)
</form>
</body>
</html>
]]> http://newsourcemedia.com/blog/telephon-check-box/feed/ 0