java script validation

View Answers

March 30, 2009 at 11:21 AM

Hi friend,

Code to create a jsp page "contact.jsp" with javascript validation :

<HTML>
<HEAD>
<TITLE>Contact Details</TITLE>
<style>
.txt {
font-size:12px;
font-family: Arial;
}
.txthead {
font-size:12px;
font-family: Arial;
font-weight:bold;
}
.mainhead{
font-size:14px;
font-family: Arial;
font-weight:bold;
}
.mandatory
{
color:#ff0000;
}
</style>
<script>

// Declaring required variables
var digits = "0123456789";
// non-digit characters which are allowed in phone numbers
var phoneNumberDelimiters = "()- ";
// characters which are allowed in international phone numbers
// (a leading + is OK)
var validWorldPhoneChars = phoneNumberDelimiters + "+";
// Minimum no of digits in an international phone no.
var minDigitsInIPhoneNumber = 10;

function isInteger(s)
{ var i;
for (i = 0; i < s.length; i++)
{
// Check that current character is number.
var c = s.charAt(i);
if (((c < "0") || (c > "9"))) return false;
}
// All characters are numbers.
return true;
}
function trim(s)
{ var i;
var returnString = "";
// Search through string's characters one by one.
// If character is not a whitespace, append to returnString.
for (i = 0; i < s.length; i++)
{
// Check that current character isn't whitespace.
var c = s.charAt(i);
if (c != " ") returnString += c;
}
return returnString;
}
function stripCharsInBag(s, bag)
{ var i;
var returnString = "";
// Search through string's characters one by one.
// If character is not in bag, append to returnString.
for (i = 0; i < s.length; i++)
{
// Check that current character isn't whitespace.
var c = s.charAt(i);
if (bag.indexOf(c) == -1) returnString += c;
}
return returnString;
}

var testresults
function checkemail(){
var str=document.screenForm.email.value
var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
if (filter.test(str))
testresults=true
else{

testresults=false
}
return (testresults)
}

March 30, 2009 at 11:22 AM

March 30, 2009 at 11:22 AM

<br><br>
<form name="screenForm" action="success.html" method="post" onsubmit="return validate();">
<table style="background-color:#efefef;" align="center">

<tr><td colspan=2>  </td></tr>
<tr style="background-color:#CAC5C5;"><td colspan=2 class="txthead"> Contact Details</td></tr>
<tr>
<td class="txt">Name<span class="mandatory">*</span></td>
<td ><input type="text" name="name" id="name" size="35"></td>
</tr>
<tr>
<td class="txt">Company Name<span class="mandatory">*</td>
<td ><input type="text" name="company_name" id="company_name" size="35"></td>
</tr>

<tr>
<td class="txt">Email Address<span class="mandatory">*</td>
<td ><input type="text" name="email" id="email" size="40"></td>
</tr>
<tr>
<td class="txt">Phone Number<span class="mandatory">*</td>
<td ><input type="text" name="phone" id="phone" ></td>
</tr>
<tr>
<td class="txt">Street<span class="mandatory">*</td>
<td ><input type="text" name="street" id="street" size="35"></td>
</tr>
<tr>
<td class="txt">City<span class="mandatory">*</td>
<td ><input type="text" name="city" id="city" size="35"></td>
</tr>
<tr>
<td class="txt">Postcode<span class="mandatory">*</td>
<td ><input type="text" name="postcode" id="postcode" ></td>
</tr>
<tr>
<td class="txt" colspan=2><span class="mandatory">* Indicates mandatory</td>

</tr>
<tr>

<td colspan=2 align="center"><input type="submit" name="submit" id="submit" value="Submit"></td>
</tr>
</form>
</table>
</BODY>
</HTML>

Thanks

March 30, 2009 at 3:21 PM

Hey buddy

Dont you feel that is huge try this
http://www.javascript-coder.com/html-form/javascript-form-validation.phtml
go to that site and download the js page and use it as directed its much simpler once u understand that javascript code

Cheers