JavaScript - Money Validation

I keep getting validation errors for using && as and.

I've read to put "&" in place of it, but whenever I do this, the code stops working.

I've tried seperate parenths, and still confused.

anyone help to make this work and validate at the same time?



if (first=="" && last=="")
first = last = "Unknown";


if (first == '')
document.writeln(last);
else if (last == '')
document.writeln(first);
else
document.writeln (last + ", " + first);

Hello,

I dont know if I am going about this the right way, but.. I am trying to validate an email address. If the email is a valid looking email address, it will render the submit button disabled to prevent dupe's while the rest of the script processes.

The email validation portion works, but, the part where it renders the form submit button disabled does not:

<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false;}
else {return true; submit.disabled = true;}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Please enter a valid email address.")==false)
{email.focus();return false;}
}
}
</script>

Any guidance or help would be apreciated.

In my project i have a from which have several fields. The form is
<form name="reg" action="payment.jsp" method="post">
-----------
<tr> <td>First name:</td> <td><input type="text" name="firstname"/></td></tr>
--------------------------
<input type="submit" value="Next" onclick="fun()" />
------------
</form>
Then to validate the fields i have used JavaScript.They are validating rightly using a alert box. But when i am pressing ok of the alert box the control is passing to the page i have written in action of the form.I want when i will press ok it should come back to the same page.Only if all fields are then it should go to the page refereed in action. Can anyone help me?
The JavaScript code is
<script type="text/javascript">
function fun()
{
var x=document.forms["reg"]["firstname"].value;

if (x==null || x=="")
{
alert("First name must be filled out");


}

Hey. Could someone point me in the direction of why this is not working, it worked in my last program, but not since I have changed things. I have a standard html form

Code:

 <form method="POST" onsubmit="return validate_form(this)" action="anniversaryPreview.php">
    <p class="demo5">Senders Name<a class="textFields2"> 
    <input type="text" name="sender" value="e.g. Love from Nick" size="30" maxlength="35" /></a></p>
    <p class="btn2" >
    <input type="submit" value="Preview"></p>
    </form>

And this should call up return validate_form(this) before bringing up the php page. Now the validator is just
Code:

function validate_required(field, alerttxt) {
        if (field.value == null || field.value == "") {
                alert(alerttxt);
                return false;
        }
        else {
                return true;
        }
}

function validate_form(thisform) {
        if (validate_required(thisform.name,"Please specify the receivers name.")==false) {
                thisform.name.focus();
                return false;
        }
        if (validate_required(thisform.sender,"Please specify the sender's name.")==false) {
                thisform.sender.focus();
                return false;
        }
}

(This is not in the html file, but its own seperate file)
I cant see if I have made any mistakes with the variables names or something, or what I am doing wrong. Dont get any errors, just nothing happens if I leave my forms fields blank. Anyone have an idea of whats going on here?

cheers

Hi, got my form here
Code:

<form method="POST" onsubmit="return validateFormOnSubmit1(this)" action="sendEmail.php">
    <p class="demo2">Receivers E-mail<a class="textFields"> 
      <input type="text" name="receiver" size="30" maxlength="35" /></a></p>
    <p class="demo2">Senders E-mail<a class="textFields2"> 
      <input type="text" name="sender" size="30" maxlength="35" /></a></p>
    <p class="btn" >
      <input name="Submit" type="submit" value="Send"/></p>
</form>

And that should call up this
Code:

function validateFormOnSubmit1(theForm) {
var reason = "";

  reason += validateEmail1(theForm.receiver);
  reason += validateEmail1(theForm.sender);
        
  if (reason != "") {
    alert("Some fields need correction:\n" + reason);
    return false;
  }

  return true;
}

function trim(s)
{
  return s.replace(/^\s+|\s+$/, '');
}

function validateEmail1(fld) {
    var error="";
    var tfld = trim(fld.value);                        // value of field with whitespace trimmed off
    var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/ ;
    var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/ ;
   
    if (fld.value == "") {
        fld.style.background = 'Yellow';
        error = "You didn't enter an email address.\n";
    } else if (!emailFilter.test(tfld)) {              //test email for illegal characters
        fld.style.background = 'Yellow';
        error = "Please enter a valid email address.\n";
    } else if (fld.value.match(illegalChars)) {
        fld.style.background = 'Yellow';
        error = "The email address contains illegal characters.\n";
    } else if (fld.value.length == 0) {
        fld.style.background = 'Yellow'; 
        error = "The required field has not been filled in.\n"
    } else {
        fld.style.background = 'White';
    }
    return error;
}

For some reason though the validation is not working. Is there anything obvious I am doing wrong?
cheers

Hi All,

I have a java script invoked within an ANT template. This java script as of now converts a text file to xml file.

Now, how would I do the schema validation of that XML file against an XSD in the javascript?

Saw many examples online but they were using MSXML or java classes

Would be glad to have any sort of suggestions..

Thanks

Hello to everyone

i need to validate a form Based on radio buttons and text box

my code so far
Code:

<html>
<head>
<title>My Page</title>
<script type="text/javascript">
function validate(thisform) {
document.getElementByName("bank");//text box
// validate myradiobuttons
   
radio = -1;
for (i=thisform.day.length-1; i > -1; i--) {
if (thisform.day[i].checked) {
radio = i; i = -1;
}
}
if (radio == -1) {
alert("You must select all values for the clock !");
return false;
}
 else
    {
    return true;
    }
	}
//bank code validation
if (document.getElementByName("bank").value.length>=6) {
 return true;
    }
else
    {
  alert("you must input maximum 6 digit (123456) !");
   return false;
    }
	}	

	</script>
</head>
	<body>
<form action="form-output.php" method="post" id="form">

          <input type="radio" name="day" value="f" onclick="dayofweek(this)" /> Sunday (default)
          <input type="radio" name="day" value="s" onclick="dayofweek(this)" /> Sun </p>

	        <input type="radio" name="month" value="a" onclick="dateformat(this)" /> 28th March 2010 (default) 
			<input type="radio" name="month" value="b" onclick="dateformat(this)" /> 28 March 2010 
			<input type="radio" name="month" value="c" onclick="dateformat(this)" /> 28th Mar 2010 
			<input type="radio" name="month" value="d" onclick="dateformat(this)" /> 28 Mar 2010 
			<input type="radio" name="month" value="e" onclick="dateformat(this)" /> 28/03/2010  
			<input type="radio" name="month" value="f" onclick="dateformat(this)" /> 28th March 10
			<input type="radio" name="month" value="g" onclick="dateformat(this)" /> 28 March 10
			<input type="radio" name="month" value="h" onclick="dateformat(this)" /> 28th Mar 10  <br/>

			<input type="radio" name="month" value="i" onclick="dateformat(this)" /> 28 Mar 10 
			<input type="radio" name="month" value="j" onclick="dateformat(this)" /> 28/03/10
			<input type="radio" name="month" value="k" onclick="dateformat(this)" /> 28th March 
			<input type="radio" name="month" value="l" onclick="dateformat(this)" /> 28 March 
			<input type="radio" name="month" value="m" onclick="dateformat(this)" /> 28th Mar
			<input type="radio" name="month" value="o" onclick="dateformat(this)" /> 28 Mar 
			<input type="radio" name="month" value="p" onclick="dateformat(this)" /> 28/03 </p>
			
			<input type="radio" name="time" value="a" onclick="timeformat(this)" /> 5:28:12 am (Default) 
			<input type="radio" name="time" value="b" onclick="timeformat(this)" /> 5:28 am 
			<input type="radio" name="time" value="c" onclick="timeformat(this)" /> 5:28:12 
			<input type="radio" name="time" value="d" onclick="timeformat(this)" /> 5:28 
			<input type="radio" name="time" value="e" onclick="timeformat(this)" /> 17:28:12 
			<input type="radio" name="time" value="f" onclick="timeformat(this)" /> 17:28 </p>
			 Input a short Bank Code
    <input type="text" name="bank" size="10"  onblur="JavaScript:alert('You must insert a Bank Code')"  /></br>

<input type="submit" name="submit" onclick="validate(form);return false;" value="Submit" />
<input type="reset" name="reset" value="reset" />
</form> 
</body>
</html>

i need on submit to validate if user select values from 3 radio groups and insert the proper data to text box.
if not i want to return the proper alerts
in text box also i want when lose focus to validate so i put this
Code:

onblur="JavaScript:alert('You must insert a Bank Code')"

it's ok?

Thanks in Advance

Hey friends,

I am working on making a simple form validation that will also validate that the email entered is in proper form.

This is my HTML code:

Code:

<form method="post" form action="sendmail.asp">
	<p><label for="emailAddr">Email Address:
		<input id="emailAddr" type="text" size="30" class="reqd email" />
	</label></p>
	<p><label for="color">Colors:
		<select id="color" class="reqd">
		  <option value="">Choose a player</option>
		  <option value="rodgers">Aaron Rodgers</option>
		  <option value="woodson">Charles Woodson</option>
		  <option value="driver">Donald Driver</option>
		  <option value="hawk">A.J. Hawk</option>
		  <option value="bigby">Atari Bigby</option>
		  <option value="barnett">Nick Barnett</option>
        </select>
	</label></p>
	<p>Options:
		<label for="home"><input type="checkbox" id="home" value="Yes" />
		Home Jersey
		</label>
		<label for="away"><input type="checkbox" id="away" value="Yes" />
		Away Jersey</label></p>
	<p>
	  <label for="jerseySet">Size:&nbsp;&nbsp;
		<input type="radio" id="large" name="jerseySet" value="sizeLarge" class="radio" />
		Large
		<input type="radio" id="xlarge" name="jerseySet" value="sizeXlarge" class="radio" />
		X-Large
	</label></p>
	<p>
	  <label for="zip">Enter your Zip code:<br />
		Zip: <input id="zip" type="text" size="5" maxlength="5" class="isZip dealerList" />
        <select id="dealerList" size="4" class="zip">
			<option value="Kenosha--Wisconsin">Kenosha--Wisconsin</option>
			<option value="Racine--Wisconsin">Racine--Wisconsin</option>
			<option value="Milwaukee--Wisconsin">Milwaukee--Wisconsin</option>
			<option value="Waukesha--Wisconsin">Waukesha--Wisconsin</option>
			<option value="Waterford--Wisconsin">Waterford--Wisconsin</option>
		</select>

  </label></p>
	<p><input type="submit" value="Submit" />&nbsp;<input type="reset" /></p>
</form>

This is my JavaScript:
Code:

window.onload = initForms;

function initForms() {
	for (var i=0; i< document.forms.length; i++) {
		document.forms[i].onsubmit = function() {return validForm();}
	}
	document.getElementById("home").onclick = jerseySet;
}

function validForm() {
	var allGood = true;
	var allTags = document.getElementsByTagName("*");

	for (var i=0; i<allTags.length; i++) {
		if (!validTag(allTags[i])) {
			allGood = false;
		}
	}
	return allGood;

	function validTag(thisTag) {
		var outClass = "";
		var allClasses = thisTag.className.split(" ");
	
		for (var j=0; j<allClasses.length; j++) {
			outClass += validBasedOnClass(allClasses[j]) + " ";
		}
	
		thisTag.className = outClass;
	
		if (outClass.indexOf("invalid") > -1) {
			invalidLabel(thisTag.parentNode);
			thisTag.focus();
			if (thisTag.nodeName == "INPUT") {
				thisTag.select();
			}
			return false;
		}
		return true;
		
		function validBasedOnClass(thisClass) {
			var classBack = "";
		
			switch(thisClass) {
				case "":
				case "invalid":
					break;
				case "reqd":
					if (allGood && thisTag.value == "") {
						classBack = "invalid ";
					}
					classBack += thisClass;
					break;
				case "radio":
					if (allGood && !radioPicked(thisTag.name)) {
						classBack = "invalid ";
					}
					classBack += thisClass;
					break;
				case "isNum":
					if (allGood && !isNum(thisTag.value)) {
						classBack = "invalid ";
					}
					classBack += thisClass;
					break;
				case "isZip":
					if (allGood && !isZip(thisTag.value)) {
						classBack = "invalid ";
					}
					classBack += thisClass;
					break;
				case "email":
					if (allGood && !validEmail(thisTag.value)) {
						classBack = "invalid ";
					}
					classBack += thisClass;
					break;
				default:
					if (allGood && !crossCheck(thisTag,thisClass)) {
						classBack = "invalid ";
					}
					classBack += thisClass;
			}
			return classBack;
		}
				
		function crossCheck(inTag,otherFieldID) {
			if (!document.getElementById(otherFieldID)) {
				return false;
			}
			return (inTag.value != "" || document.getElementById(otherFieldID).value != "");
		}
		
		function radioPicked(radioName) {
			var radioSet = "";

			for (var k=0; k<document.forms.length; k++) {
				if (!radioSet) {
					radioSet = document.forms[k][radioName];
				}
			}
			if (!radioSet) {
				return false;
			}
			for (k=0; k<radioSet.length; k++) {
				if (radioSet[k].checked) {
					return true;
				}
			}
			return false;
		}
		
		function isNum(passedVal) {
			if (passedVal == "") {
				return false;
			}
			for (var k=0; k<passedVal.length; k++) {
				if (passedVal.charAt(k) < "0") {
					return false;
				}
				if (passedVal.charAt(k) > "9") {
					return false;
				}
			}
			return true;
		}
		
		function isZip(inZip) {
			if (inZip == "") {
				return true;
			}
			return (isNum(inZip));
		}
		
		function validEmail(email) {
			var invalidChars = " /:,;";
		
			if (email == "") {
				return false;
			}
			for (var k=0; k<invalidChars.length; k++) {
				var badChar = invalidChars.charAt(k);
				if (email.indexOf(badChar) > -1) {
					return false;
				}
			}
			var atPos = email.indexOf("@",1);
			if (atPos == -1) {
				return false;
			}
			if (email.indexOf("@",atPos+1) != -1) {
				return false;
			}
			var periodPos = email.indexOf(".",atPos);
			if (periodPos == -1) {	
				return false;
			}
			if (periodPos+3 > email.length)	{
				return false;
			}
			return true;
		}
		
		function invalidLabel(parentTag) {
			if (parentTag.nodeName == "LABEL") {
				parentTag.className += " invalid";
			}
		}
	}
}

function jerseySet() {
	if (this.checked) {
		document.getElementById("sizeLarge").checked = true;
	}
}

It will not submit and process. What am I doing wrong? Thanks so much in advance.

Hi. I am trying to do some sim[ple form validation using javascript. I have a simple html file
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Send Card</title>
<script language="JavaScript" src="gen_validatorv31.js" type="text/javascript"></script>
</head>
<body>
<form action="getName.php" onsubmit="return validate_form(this);">
Receiver (To): <input type="text" name="name"><br>
Sender (From): <input type="text" name="sender"><br>
Email: <input type="text" name="email"><br>
<input type="submit" value="Submit">
</form>
</body>

</html>

Which calls up my javascript and php file (The php file should only be used when the javascript has found no errors).

Now I have a js file which does some validation
Code:

<script type="text/javascript">

function validate_required(field,alerttxt) {
	with (field) {
		if (value==null||value=="") {
			alert(alerttxt);
			return false;
		}
		else {
			return true;
		}
	}
}

function validate_email(field,alerttxt) {
	with (field) {
		apos=value.indexOf("@")
		dotpos=value.lastIndexOf(".")
		if (apos<1||dotpos-apos<2) {
			alert(alerttxt);
			return false;
		} else {
			return true;
		}
	}
}

function validate_form(thisform) {
	with (thisform) {
		if (validate_required(name,"Please specify your name!")==false) {
			name.focus();
			return false;
		}
		if (validate_required(sender,"Please specify the receivers name!")==false) {
			sender.focus();
			return false;
		}
		if (validate_required(email,"Email must be filled out!")==false) {
			email.focus();
			return false;
		}
		if (validate_email(email,"Not a valid e-mail address!")==false) {
			email.focus();
			return false;
		}
	}
}
</script>

When I run it on my server, I get the form and enter nothing into it, I just click submit. However, it goes straight to the php file and brings up my flash movie, which it shouldnt do. When nothing is entered, the js file should return the error. I thought I had everything set up correctly, but obviously not. Can someone see where I am going wrong?

cheers

Code:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 2</title>


</head>
<script type="text/javascript">

	var strWord = document.myForm.txtWord.value;

	function validateWord() 
	{
	while(strWord == document.formname.myForm.value.length > 8 && var ichars = "PJ" );
	{ 
	alert ("OK.");
	}
	}


</SCRIPT>

	<form name="myForm" action="" method="" onsubmit="return false">
	<p>
	<input name="txtWord" size="25" value="Enter Word Here">
	</p>

	<p>
	<input type="button" value="Validate The Word" name="cmdValidateWord" onclick ="validateWord()">
	</p>
</html>

Hi, I'm having trouble getting this code to work. It needs to check if the user has entered the correct characters into a field. A valid word should have a P at the start, and contain a J somewhere in it. If the word is valid, a box pops up saying "OK" once the user has clicked the ValidateWord button.

It also needs to keep this kind of structure (ie. a while construct & validated through pressing a button). This is purely for personal education about performance of "while" constructs for field validation.

Any help is hugely appreciated.

I am new to this forum.. and I am hoping to get help with this javascript validation for my form for my assignment. trying to validate multiple fields. I have never done javascript, so with my limited understanding from Google, I put together code snippets.

Problems:
1. How can I get one message box when the user presses submit indicating all failed validation at one time
2. The expired credit card validation doesnt work
3. Cant seem to find a good "confirm password" script
3. The form does not submit if all the fields are correct.


<script language="javascript">
<!--
function checkAge()
{
var bday=parseInt(document.forms[0].txtBday.value);
var bmo=(parseInt(document.forms[0].txtBmo.value)-1);
var byr=parseInt(document.forms[0].txtByr.value);
var byr;
var age;
var now = new Date();
tday=now.getDate();
tmo=(now.getMonth());
tyr=(now.getFullYear());

{
if((tmo > bmo)||(tmo==bmo & tday>=bday))
{
age=(tyr-byr)
}

else
{
age=(tyr-(byr+1))
}

if (age<18)
{
alert ("you must be over 18 years");
return false;

}

else
{
return true;
}
}
}
//-->





function checkEmail()
{
var x=document.getElementById("email").value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert("Not a valid e-mail address");
return false;
}
{
return true;
}
}




function onlyNumbers(evt)
{
var e = event || evt; // for trans-browser compatibility
var charCode = e.which || e.keyCode;

if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;

{
return true;
}



}







function checkCardNumber()
{
var x = document.getElementById("cardNumber").value;

if (x.length<16)
{
alert("Your Credit Card Number must be 16 digits");
return false;
}
{
return true;
}
}



function checkSecurityCode()
{
var y = document.getElementById("securityCode").value;

if (y.length<3)
{
alert("Your Security number must be three digits");
return false;


}
{
return true;
}
}


function ValidateExpDate()

{

var ccExpYear = 20 + $F('<%= expYear.ClientID%>');

var ccExpMonth = $F('<%= expMonth.ClientID%>');



var expDate=new Date();

expDate.setFullYear(ccExpYear, ccExpMonth, 1);



var today = new Date();



if (expDate<today)

{
alert("card expired");


// Credit Card is expire

return false;

}

else

{

// Credit is valid

return true;

}

}


function runall()
{

checkAge();
checkEmail();
checkCardNumber();
checkSecurityCode();



{
return false;}




}







</script>

Hi, I am not familiar with javascript, I am using a check box validation tool that I copied from this site:

http://mediazeal.com/checkbox-validator.htm

This is my webpage:

http://rbhlc.weebly.com/discover-hea...n-jyutsu.html#

Right now when you click the buy now button (when the checkbox is checked) i does not go to the hyperlink. How can I get the button to go to my link when the checkbox is validated?

Here is my code: (the authorize.net account it a Test Account.. so it won't link to anything sensitive)

<form name="form" method="post" action="#" onSubmit="return checkme();">
<table cellpadding="0" cellspacing="0" border="0">

<tr>
<td colspan="2" align="center"><input type="checkbox" name="agree" value="agree_terms"> I agree to the terms</td>
</tr>

<tr>
<td colspan="2" align="center">

<form name="PrePage" method = "post" action = "https://scotest.authorize.net/payment/CatalogPayment.aspx">
<input type = "hidden" name = "LinkId" value ="3569f626-b8a8-4974-8ceb-35ca08a63087" />
<input type = "image" src ="//testcontent.authorize.net/images/buy-now-gold.gif" /> </form>

</td>
</tr>

Thank you for your support.

I've got a form validation script and I'm trying to add in a little extra oomph to what it checks. I'm not sure on the syntax for this, but I'm currently trying to make sure the email has the proper data using something like:

else if (email.indexOf("@")<1 || email.indexOf(".")==-1 || email.indexOf(",")!=-1 || email.indexOf(" ")!=-1 || email.length<6)

But when I add that if statement, the script does nothing, and they're taken to the next page.

While I'm at it, is it possible to make sure that at least one of a series of looped-in dropdowns that have a php generated name:

<select name="participantqty[<?= $c_row['workshop_id'] ?>]" id="" class="">

Here's the script I'm working from, with my if statement in it and breaking things:
Code:

<script type="text/javascript">
 function required(){
    var first = document.forms["register1"].elements["fname"].value;
    var last = document.forms["register1"].elements["lname"].value;
    var email = document.forms["register1"].elements["email"].value;
    var message = document.forms["register1"].elements["phone"].value;
 
    if(first == null || first == "" || last == null || last == ""){
        alert("First and last name fields are required.");
        return false;
    }
    else if(email == null || email == ""){
        alert('An email address is required.');
        return false;
    } 
	else if (email.indexOf("@")<1 || email.indexOf(".")==-1 || email.indexOf(",")!=-1 || email.indexOf(" ")!=-1 || email.length<6)
	{
    alert('Please enter a valid E-mail address.\n" +
    "Example: myname@domainname.com");
    register1.email.focus();
    return false;
  }	
    else if(message == null || message == ""){
        alert('A phone number is required.');
        return false;
    }else{return true;}
}
 </script>

Hey all,
I'm new to validating forms, so I'm trying to use jquery to do so. So far I have

Code:

<script type="text/javascript">
jQuery.noConflict();
var jQ = jQuery;

jQ(document).ready(
	jQ("#register").validate({
  		rules: {
    		    email1: {
      			required: true,
      			email: true
    		    },
		    email2: {
				required: true,
				email:true
		    }
  		},
		messages: {
			email1:{
				required: "Required",
				email: "Must be a valid email"
			},
			email2:{
				required: "Required",
				email: "Must be a valid email"
			}
		}
	})
);

</script>
</head>



<body>



<div id="createDiv" class="left loginBox" style="overflow:hidden;">

<form id="register" name="register" action="" method="post">

<legend>Register for a new Account</legend>

<fieldset style="border:0px; margin:0px; padding:0px;">

<div style="float:left; margin-right:15px;">
	<p>
	<label for="email1">Email Address:</label><br style="margin-top:0px;"/>
	<input type="text" id="email1" name="email1"  style="width:200px"/>
	</p>

	<p>
	<label for="pass1">Create Password:</label><br style="margin-top:0px;"/>
	<input type="password" id="pass1" name="pass1" class="required" style="width:200px"/>
	</p>
</div>


<div style="float:right;">
	<p>
	<label for="email2">Confirm Email Address:</label><br style="margin-top:0px;"/>
	<input type="text" id="email2" name="email2" style="width:200px"/>
	</p>

	<p>
	<label for="pass2">Confirm Password:</label><br style="margin-top:0px;"/>
	<input type="password" id="pass2" name="pass2" class="required" style="width:200px"/>
	</p>
</div>

<div style="clear:both;"></div><br/>

<input style="padding:5px 10px;" class="submit" type="submit" id="createSubmit" name="createSubmit" value="Create Account"/>

</fieldset>

</form>

I had it working when I only used validate and used classes to determine the rules. since this is really limited, I am trying to get away from that, but I can't figure out what I'm doing wrong. any help would be appreciated.

Good Day,

I am new to this forum so i hope i am posting in the correct place.

I have been working on a form validation in javascript where the error messages should be displayed beside the form field (no alerts!). The error message is displayed when i iuse alerts but not otherwise.

I have included a code snippet below. Any help will be greatly appreciated. Thanks in advance.

function validation()
{
//alert('made it here');

var fName = document.getElementById('txtFname').value;
var fNameId = document.getElementById('txtFname');


if(validateName(fName,fNameId)){

return true;
}

return false;
}


function validateName(name,id){
var ck_name = /^[A-Za-z0-9 ]{6,20}$/;
//alert('made it it here');

if(!ck_name.test(name))
{
//alert("Invalid");
var message = "Should be between 3 and 20 characters and made up of etters, numbers or - symbol";

//create a new span element
var sp = document.createElement('span');
//assign the new span element a class
sp.className = 'error';
//assign span some content
sp.appendChild(document.createTextNode(message));
//place the message after the form field
document.body.insertBefore(sp, id);

name.value="";
name.focus();

return false;
}
return true;
}