QuestionAsk Questions?
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)
}
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
function validate()
{
var Phone=document.screenForm.phone.value;
if(document.screenForm.name.value=="")
{
alert("Please enter name.");
return false;
}
if(document.screenForm.company_name.value=="")
{
alert("Please enter company name.");
document.screenForm.company_name.focus();
return false;
}
if(document.screenForm.email.value=="")
{
alert("Please enter email.");
document.screenForm.email.focus();
return false;
}
if(document.screenForm.email.value!="")
{
if(!checkemail())
{
alert("Please input a valid email address!");
document.screenForm.email.focus();
return false;
}
}
if(document.screenForm.phone.value=="")
{
alert("Please enter phone.");
document.screenForm.phone.focus();
return false;
}
if(document.screenForm.street.value=="")
{
alert("Please enter street.");
document.screenForm.street.focus();
return false;
}
if(document.screenForm.city.value=="")
{
alert("Please enter city.");
document.screenForm.city.focus();
return false;
}
if(document.screenForm.postcode.value=="")
{
alert("Please enter postcode.");
document.screenForm.postcode.focus();
return false;
}
return true;
}
</script>
</HEAD>
<BODY>
{
var Phone=document.screenForm.phone.value;
if(document.screenForm.name.value=="")
{
alert("Please enter name.");
return false;
}
if(document.screenForm.company_name.value=="")
{
alert("Please enter company name.");
document.screenForm.company_name.focus();
return false;
}
if(document.screenForm.email.value=="")
{
alert("Please enter email.");
document.screenForm.email.focus();
return false;
}
if(document.screenForm.email.value!="")
{
if(!checkemail())
{
alert("Please input a valid email address!");
document.screenForm.email.focus();
return false;
}
}
if(document.screenForm.phone.value=="")
{
alert("Please enter phone.");
document.screenForm.phone.focus();
return false;
}
if(document.screenForm.street.value=="")
{
alert("Please enter street.");
document.screenForm.street.focus();
return false;
}
if(document.screenForm.city.value=="")
{
alert("Please enter city.");
document.screenForm.city.focus();
return false;
}
if(document.screenForm.postcode.value=="")
{
alert("Please enter postcode.");
document.screenForm.postcode.focus();
return false;
}
return true;
}
</script>
</HEAD>
<BODY>
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
<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
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
Related Pages:
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Tutorial Topics
