javascript
Brief description about Online courses   join in Online courses
Home News Viewpoint
Travel Entertainment Auto Gadgets & Electronics Sports Lifestyle Food
Rankings Whitepapers Blogs Conferences About Us
View Clement Osei Tutu 's Profile

Please help me with form validation.

Hi Sir,
This validation form is not working,please help me to move forward of my course.

<script type="text/javascript">
function validateForm()
{

var x=document.getElementById("emal");
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if(atpos<1 || dotpos<atpos 2 ||x.length>30){
alert("Enter a valid email address");
return false
}


var user=document.frmone.name.value;
var illegalchars=^W/; // allows only letters,numbers and underscorse
if(user==""){
alert("You did not enter ausername");
return false
}

if(illegalchars.test(user.value)){
alert("You did not enter ausername");
return false
}
if(user.value.length<5 || user.value.length>30){
alert("username is either less than 5 or more than 30);
return false
}
}
</script>
<form name="frmone" method="post" action="" onsubmit="return validateForm()"/>
Email: <input type="text" name="email"/>
Empty: <input type="text" name="fname"/>
<input type="submit" value="submit form"/>
</form>

Thanks.ClementOsei.
Asked by Clement Osei Tutu | Mar 9, 2011 |  Reply now
Replies (1)
View teacher siliconindia 's Profile
Hi Clement,
Please check this below code for form validation

<HTML>
<HEAD>
<TITLE>JavaScript Form Validation</TITLE>
<meta name="author" content="Akash" >
<META name="Keywords" Content="Akash, sample, Javascript">
<META name="Description" Content="A CSS, Javascript Validation form">

<link rel="stylesheet" type="text/css" href="style.css" />
<SCRIPT language="JavaScript" SRC="script.js"></SCRIPT>

</HEAD>

<BODY>
<center>
<div class="m">
<form name="jobR" onsubmit="return validateForm();" method="post" action="submitted.html">
<fieldset><legend>Job Registration Form</legend>

<div class="a">
<div class="l">Full Name*</div>
<div class="r">
<INPUT type="text" name="name">
</div>
</div>

<div class="a">
<div class="l">Gender (M/F)*</div>
<div class="r">
<input type=radio name=gender value='male'>Male
<input type=radio name=gender value='female'>Female
</div>
</div>

<div class="a">
<div class="l">Address*</div>
<div class="r">
<INPUT type="text" name="add">
</div>
</div>

<div class="a">
<div class="l">City*</div>
<div class="r">
<INPUT type="text" name="city">
</div>
</div>

<div class="a">
<div class="l">Country*</div>
<div class="r">
<INPUT type="text" name="ctry">
</div>
</div>

<div class="a">
<div class="l">Zip / Postal Code* <br />(6 Digits only)</div>
<div class="r">
<INPUT type="text" name="zip">
</div>
</div>

<div class="a">
<div class="l">Mobile Number* <br />(10 digits without +91)</div>
<div class="r">
<INPUT type="text" name="nos">
</div>
</div>


<div class="a">
<div class="l">Education* (Graduation/Masters)</div>
<div class="r">
<INPUT type="text" name="edu">
</div>
</div>

<div class="a">
<div class="l">Specialization/Skillsets* </div>
<div class="r">
<INPUT type="text" name="spe">
</div>
</div>

<div class="a">
<div class="l">E-Mail*</div>
<div class="r">
<INPUT type="text" name="email">
</div>
</div>

<div class="a">
<div class="l">Job Title*</div>
<div class="r">
<INPUT type="text" name="jtitle">
</div>
</div>

<div class="a">
<div class="l">Job Location*</div>
<div class="r">
<INPUT type="text" name="jloc">
</div>
</div>

<div class="a">
<div class="l">Comments (optional)</div>
<div class="r">
<TEXTAREA NAME="message" ROWS="5" COLS="25"></TEXTAREA>
</div>
</div>

<div class="a">
<div class="l">&nbsp;</div>
<div class="r">
<INPUT type="checkbox" name="i_agree">
I agree to the terms & condition
</div>
</div>

<div class="a">
<div class="l">&nbsp;</div>
<div class="r">
<INPUT class="button" type="submit" name="submit" value="Send Message">
</div>
</div>

<div class="a"></div>

</fieldset>

</form>

</div>

</center>

</BODY>
</HTML>
Mar 16, 2011

Forum By Category